Block div that fits content width

by davidmold

HTML

<div class="holder">
  <div class="item">
    Item has a lot of text
  </div>
  <div class="item">
    Small
  </div>
  <div class="item">
    Very big and wide with lots of content
  </div>
</div>

CSS

.holder{
  display:flex;
  flex-direction:column;
  align-items:center;
}

.item{
  border:1px solid red;
  margin:10px;
  padding:10px;
}