Posted under General
https://danbooru.donmai.us/posts/5435345?q=parent%3A5435345 [Rated G]
Can anybody tell me what I'm I doing wrong trying to format this post? I added "justify-content:flex-start" as stated in the about:embedded notes page, but it would seem the code class isn't aligning to the left.
What exactly do you mean by "code class"? justify-content is for inner elements; if you want the text aligned to the left you have to use text-align: left; instead.
(also you can link to posts with post #5435345 and wiki pages with [[about:embedded notes]])
Talulah said:
What exactly do you mean by "code class"? justify-content is for inner elements; if you want the text aligned to the left you have to use
text-align: left;instead.
I'll try to be more clear: The about:embedded notes's wiki page states that you can add the element justify-content to make the align. because it's one of the allowed elements that can work with the embedded note class, "note-box-attributes". However, using the said element to align did not work. The provided element in the wiki's list did not aligned the text to the right with the embedded note's class.
So, from your reply, it's assuming that justify-content does not work with the class and that text-align should be used instead. In other words, the wiki's info misled me.
SolRush said:
I'll try to be more clear: The about:embedded notes's wiki page states that you can add the element
justify-contentto make the align. because it's one of the allowed elements that can work with the embedded note class, "note-box-attributes". However, using the said element to align did not work. The provided element in the wiki's list did not aligned the text to the right with the embedded note's class.So, from your reply, it's assuming that
justify-contentdoes not work with the class and thattext-alignshould be used instead. In other words, the wiki's info misled me.
The wiki specifies that justify-content is for inner containers, not text content.
Talulah said:
The wiki specifies that justify-content is for inner containers, not text content.
Right, I'll keep it in mind to use "text-align" next time I'm formatting embedded notes.
The next question I'd like to ask is where do you put the justify-content in this "inner container"? Seeing it being bolded and placed as a subject on the page, emphasizes it as the main pointer on the guide. I mean, it stands out the most in the page when indicating "align text" and nothing else.
SolRush said:
Right, I'll keep it in mind to use "text-align" next time I'm formatting embedded notes.
The next question I'd like to ask is where do you put the
justify-contentin this "inner container"? Seeing it being bolded and placed as a subject on the page, emphasizes it as the main pointer on the guide. I mean, it stands out the most in the page when indicating "align text" and nothing else.
To be fair, there's even a note on the wiki below flex-start/flex-end that tells you it's not the same as text-align:
Not the same as "text-align", which is used to set the text alignment of an inner container.
You can browse this listing to see how other people are using the attributes.
Talulah said:
To be fair, there's even a note on the wiki below flex-start/flex-end that tells you it's not the same as text-align:
You can browse this listing to see how other people are using the attributes.
Thanks. It might help me improve on my HTML formatting with all these examples.
I updated About:Embedded Notes to talk more about the usage of align-items and justify-content on embedded notes, and added an illustration which shows how a text container inside a note box will be affected by the various combinations of the alignment styles and their properties.
