Flexbox eg for notepad.

<ul id="parent">
   <li>content</li>
   <li>content</li>
   <li>content</li>
<ul>

#parent {
   display:-webkit-flex;
   display:flex;
   justify-content:space-between;
   align-items:center;
   align-content:space-between;
   flex-wrap:wrap;
}

flexbox guide