flexbox 1

by John Wick

HTML

<div class="importantLinksSection">
  <div>
    <select>
      <option>Google</option>
      <option>Apple</option>
      <option>IBM</option>
    </select>
  </div>
  
  <div>
    <input type="text" size="30" />
  </div>
  
  <div>
    <a href="#">Save</a>
    <a href="#">Cancel</a>
  </div>
</div>

http://stackoverflow.com/questions/32551291/in-css-flexbox-why-are-there-no-justify-items-and-justify-self-properties/33856609#33856609

CSS

.importantLinksSection{
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
margin-left: 30px;
padding-top: 5px;
border:1px solid red;
}

.importantLinksSection div {
  padding-right: 10px;
  margin-right: 10px;
  border:1px solid green;
}