Align 3 unequal blocks left, center and right

Question

I\'m trying to align a top menu which consists of 3 blocks of content.

What I\'m trying to achieve is this:

• block 1: left aligned
• block 2: cen

Answer 1

Alternative using display table (an ancient supported grid).

Quote from https://www.w3schools.com/cssref/pr_tab_table-layout.asp

If no widths are present on the first row, the column widths are divided equally across the table, regardless of content inside the cells

.container {
   display: table;
   table-layout: fixed
 } // would divide cells equally along table's 100% width. 
.row {
   display: table-row
 }
.item {
   display: table-cell
 }