<ul class="parent">
<li>element1</li>
<li>element2</li>
<li>element3</li>
</ul>
* {
font-family: 'Raleway', sans-serif;
}
.parent {
display: table;
margin: 0;
padding: 0;
}
.parent li {
background: #FFD464;
border: 1px dashed #dfdfdf;
border-radius: 10px;
color: #333;
display: table-cell;
height: 50px;
padding: 5px 10px;
text-align: center;
vertical-align: middle;
width: 200px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.