CSS, centered div, shrink to fit?

February 10, 2023 by Tarik

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”