Aligning elements left and center with flexbox

Question

I\'m using flexbox to align my child elements. What I\'d like to do is center one element and leave the other aligned to the very left. Normally I would just set the left el

Answer 1

I have another solution. In my opinion, Adding an empty block to the center element is fine but code-wise it bit ugly. My solution for this is below

    

      Left
      Center
    

   #parent {
      display: flex;    
   }

   #left {
      flex:1;
   } 

   #center {
      flex:1;
   } 

   #parent:after {
      flex:1;
   }