How to arrange 3 flex items in one line and align them first-left, second center, third right-aligned parent?

Question

css

Tell me, please:

There is a site header that contains:

1. Left block: Logo and phone numbers
   
2. Center block: menu
   
3. Right block: icons: search, accounts, etc. etc.
   

• Each of these blocks is of arbitrary, non-fixed length due to dynamic content.
  
• Each of the blocks must be flex or inline-flex elements to position child elements
  
• All three blocks must be aligned vertically with respect to each other.
  
• Parent has fixed max-widh and width: 100%
  

Answer 1

<section class="space-between">
   <div></div>
   <div></div>
   <div></div>
</section>

.space-between {
    display: flex;
    justify-content: space-between;
}

https://codepen.io/rucklless/pen/yLoNyRW
here you can read more
https://webref.ru/css/justify-content