Question

Here’s what I want:

text text text text text text text text text text text text text text text text text text text text text text                    +-----------+                    | some text |                    +-----------+ text text text text text text text text text text text text text text text text text text text text text text 

…where the ‘some text’ block is a div. I want the div to be the minimum width necessary to contain its text without wrapping. If the text is too long to fit without wrapping, then it’s okay if it wraps.

I do NOT want to set an explicit width for the div. I don’t want to set min-width or max-width either; like I said, if there’s too much text to contain on one line without wrapping, then it’s okay if it wraps.

Answer 1

DIV elements are block-level by default, which means they automatically get 100% width. To change that, use this CSS…

.centerBox {   display:inline-block;   text-align:center; }   <div class='centerBox'>   Some text </div> 

EDIT: Updated to use a CSS class rather than inline attribute and changed ‘block’ to ‘inline-block’