how to as it is

How to arrange the elements correctly as on the layout?

  • attach your code to the question - Legionary
  • Is it possible to align somehow only with inline blocks? no flex, no positioning, no tabular layout. - user227363

1 answer 1

Such an implementation can be done on flex

<div class="wrapper"> <div class="col1"> Контент </div> <div class="col2"> <div class="col2-1">Контент</div> <div class="col2-1">Контент2</div> </div> </div> 
 .wrapper{ display: flex; justify-content: space-between; } .col2{ display: flex; justify-content: space-around; } .col2 div{ width:100px; }

http://codepen.io/anon/pen/NbxKJJ

To scatter blocks vertically, see properties: align-items, align-content