What is the best way to build such small elements as in the screenshot (logo, search, bookmarks, etc.) and why? header

Closed due to the fact that it is necessary to reformulate the question so that it was possible to give an objectively correct answer by the participants of HamSter , aleksandr barakin , Bald , user194374, Alex on Dec 23 '16 at 6:56 .

The question gives rise to endless debates and discussions based not on knowledge, but on opinions. To get an answer, rephrase your question so that it can be given an unambiguously correct answer, or delete the question altogether. If the question can be reformulated according to the rules set out in the certificate , edit it .

  • I prefer the inline-block, because it is the most predictable, but in general, I think you need to use the technology that is clearer and more like it. And of course, take into account all the nuances of a particular project: supported browsers, adaptability, etc. - Furry Cat

1 answer 1

There are several options. For example, you can give them all the display:inline-block; property display:inline-block; You can play with float. But, it seems to me that now it's best to use flex (if you don't need support in IE 9-).

 .menu{ display:flex; justify-content:space-between; } .menu__item{ flex: 0 0 auto; }