Menu
I want to create a simple div that shrinks and expands according to the content contained.
https://jsfiddle.net/qa5dr0x8/
<body>
<div style="border: 1px solid red; padding: 15px; width:auto;">
test text
</div>
</body>
Result: the red box expands to the full width of the page. Why?
291
Try this:
<div style="border: 1px solid red; padding: 15px; min-width:100px; display: inline-block">
test text
</div>Here's an explanation on display: inline & display: inline-block - a good read to learn
130
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
