Question

Is there a way to make a div element fit its content AND break the line, so that the next element is under that div?

I´ve tried to set the display property to inline-block, but then the div doesn´t break the line anymore… By default, it breaks the line, but doesn´t fit its content.

Hope someone can help me.

Thanks!

Answer 1

If you’re trying to do it without an extra div, I don’t think there’s a way. Here’s how with 2 divs:

<div>
  <div style="background-color: #FF0000; display: inline">Test</div>
</div>