内容的宽度

Question

如何使div只取内容的宽度？

.modal {
  position: fixed;
  top: 63px;
  z-index: 20;
  left: 0;
  right: 0;
  margin: auto;
  background: gold;
  text-align: center;
}

<div class='modal'>
lorem ipsum<br>and<br>lorem ipsum
</div>

Answer 1

＆＃13;

＆＃13;

.modal {
  position: fixed;
  top: 63px;
  z-index: 20;
  left: 50%;
  transform: translateX(-50%);
  background: gold;
}

＆＃13;

<div class='modal'>
  lorem ipsum<br>and<br>lorem ipsum
</div>

＆＃13;

＆＃13;

＆＃13;