<ul>    
                <li>    </li>
                <li>    </li>
                <li>    </li>
                
        </ul>
 
* { box-sizing: border-box; }
  
ul {  margin:0 auto; max-width: 300px; height: 100px; position: relative; display: flex; padding: 20px ; width: 100%; height: 100px; justify-content: space-between; }

ul li { display: inline-block; width: 60px; height: 60px; background: #000; border-radius: 99em; }

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.