how to put it all in line with flexbox

header { display: flex; flex-direction: row; background-color: #4c4c4c; } .input_box img { margin-left: -20px; } 
 <header> <img src="images/Staff white vector.png" alt=""> <ul> <li>скидки</li> <ul> <li>item1</li> <li>item2</li> <li>item3</li> <li class="item4">item4</li> <li>item4-item4</li> </ul> <li>для него</li> <li>для нее</li> <li>оплата и доставка</li> <li>о нас</li> <li>магазины</li> </ul> <div class="input_box"> <input type="text" placeholder="Найти..."> <img src="images/search.png" alt="images/search.png"> </div> <div class="tel_box"> <img src="images/tell.png" alt="images/tell.png"> <span></span> <img src="images/str.png" alt="images/str.png"> <span></span> </div> <div class="icon_box"> <img src="images/people.png" alt="images/people.png"> <img src="images/love.png" alt="images/love.png"> <img src="images/box.png" alt="images/box.png"> </div> </header>

  • всё это is what? - Air
  • Elements of the Heder - Vitaly Slobodyanyuk
  • they are with you, and so everything is in a row - Air
  • in a line I need to put - Vitaly Slobodianyuk
  • I have reset connected ... - Vitaly Slobodyanyuk

1 answer 1

Probably, you confuse the concept of row (row) and column (column). By default, when display: flex, all child elements are arranged horizontally, i.e. line The flex-direction property is used for vertical layout.