Three headings on same line HTML

Flexbox is the solution.

Grid would be overwhelming for such a simple arrangement.

.heading{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width:100%;
  font-size: 34px;
  border:1px solid black;
  padding: 0 14px;
}
<div class="heading">
  <p>Entrees</p>
  <p>Drinks</p>
  <p>Desserts</p>
</div>

CLICK HERE to find out more related problems solutions.

Leave a Comment

Your email address will not be published.

Scroll to Top