Arrange Block Elements In A Single Horizontal Line

November 24, 2023 Post a Comment

I dont know, either I am not that good in the art of 'search' or this topic is so so simple that nobody generally asks this but I have been searching this ever since i started my w

Solution 1:

You can try display:inline-block or float:left.

<html><head><styletype="text/css">div {
      border: 1px black solid;
      }
    </style></head><body><div>aaa</div><div>bbbbbb</div><div>cccc</div></body></html>

enter image description here

<html><head><styletype="text/css">div {
      border: 1px black solid;
      display: inline-block;
      }
    </style></head><body><div>aaa</div><div>bbbbbb</div><div>cccc</div></body></html>

enter image description here

<html><head><styletype="text/css">div {
      border: 1px black solid;
      float: left;
      }
    </style></head><body><div>aaa</div><div>bbbbbb</div><div>cccc</div></body></html>