<div class="ez-inline-box">
<dl class="ez-inline-box__item">1</dl>
<dl class="ez-inline-box__item">2</dl>
<dl class="ez-inline-box__item">3</dl>
<dl class="ez-inline-box__item">4</dl>
<dl class="ez-inline-box__item">5</dl>
</div>
div{
dl{ margin: 0;width: 100px;height: 50px;border: 1px solid gray; }
}
/* ez-scss
****************/
.ez-inline-box {
&{
font-size: 0;
letter-spacing: 0;
}
&__item {
&{ display: inline-block;font-size: 1rem; }
&.is-nowrap{
white-space: nowrap;
}
}
}