CODEWITHSUNDEEP
htmlcss
user7461846
user7461846

Reputation:

Content's width

How to make the div to only take the content's width?

.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>

Upvotes: 3

Views: 60

Answers (1)

Nandita Sharma
Nandita Sharma

Reputation: 13407

.modal {
  position: fixed;
  top: 63px;
  z-index: 20;
  left: 50%;
  transform: translateX(-50%);
  background: gold;
}
<div class='modal'>
  lorem ipsum<br>and<br>lorem ipsum
</div>

Upvotes: 4

Related Questions