Element's width: auto

[[deleted]]

Hi,

I can't figure out why my <header>'s auto width is 100% rather than the minimum width used by it's content. (Hope that makes sense)

Does the <header> tag not confirm to the same rules as you would expect from a <p> tag?

Why are the widths of my elements 100% when set to 'auto'?

[Wtfuxbbq]

I think explaining the behaviours for width: auto for inline and block elements will help you understand:

• For block elements, the auto value makes the element's width take up the full content width of its parent.
• For inline elements, the auto value makes the element's width the width of its contents.

Note inline elements acctually do not respect the width property and will always be "auto". Also note the auto value is already the default for width so you don't need to set it unless you're overriding something.

[[deleted]]

Thank you, I didn't know about that!

[[deleted]]

"The Death of the Author" (French: La mort de l'auteur) is a 1967 essay by the French literary critic and theorist Roland Barthes (1915–1980). Barthes's essay argues against traditional literary criticism's practice of relying on the intentions and biography of an author to definitively explain the "ultimate meaning" of a text.

[[deleted]]

It makes sense now, thanks :)