Головна‎ > ‎HTML+CSS‎ > ‎Блоки‎ > ‎

CSS2

1.
float: left;

2.
display: inline-block;




<style>
div{
   width: 300px;
   padding: 10px;
   border: 1px solid silver;
   float: left;
}
</style>


<div>
   <h1>Box 1</h1>
   Тарас Шевченко народився в сім’ї кріпосного селянина 9 березня 1814 року
</div>
<div>
   <h1>Box 2</h1>
   Тарас Шевченко народився в сім’ї кріпосного селянина 9 березня 1814 року
</div>
<div>
   <h1>Box 3</h1>
   Тарас Шевченко народився в сім’ї кріпосного селянина 9 березня 1814 року
</div>




display: inline-block; - додасть невеличкі відступи між блоками (як в таблиці)