div width

[westman]

hi all,

I am trying to let the text in a div set the div width.

 

I have tried...

width: 300px;

width:auto;

and

max-width: 300px;

min-width: 300px;

 

but it is not working.

any help?

Edited October 18, 2013 by westman

[dsonesuk]

div is block element it will stretch to width available to it, for it to stretch to content width only, float, display: inline or inline-block should be used.

[davej]

I am trying to let the text in a div set the div width.

 

Text won't set a div width. It can only affect a div height.

[Hadien]

not only text, but any inline element will ignore the width/height you give them (style:width/height that is, things like img are different), and they set their dimensions to what it think it needs. if you want an inline element to have a say in what it's width is, you switch their display to inline-block. inline-block will act in almost every way a character in a group of text will, but will also have access to properties like width/height.

[westman]

Dsonesuk thank you

 

display: inline;

display: inline-block;

 

works very well