Inline Block

Bootstrap 5 Inline Block

Responsive Inline Block built with Bootstrap 5. Wrapping an item without going beyond its parent.

How it works

While using the property display: inline-block will wrap the element to prevent the text inside from extending beyond its parent.

Show code Edit in sandbox

HTML

        
            
      <div>      
        While using the property <span class="d-inline-block">display: inline-block</span>
        will wrap the element to prevent the text inside from extending beyond its parent.      
      </div>