๐ŸŽ‰ Happy 19th Birthday to Danbooru! ๐ŸŽ‰
Danbooru

justify-content not working for embedded note class?

Posted under General

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-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.

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-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.

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.

1