モバイル端末の両端揃えでiPhone 6をサポート
iPhone6
<style type="text/css">
ul {
list-style: none;
}
li {
border-bottom: 1px solid #333333;
display: flex;
padding-top: 14px;
padding-bottom: 14px;
}
li .text {
font-size: 28px;
width: 425px;
height: 40px;
text-align: justify;
}
/* iPhone6 */
li .text:after {
display: inline-block;
width: 425px;
content: '';
}
</style>
<ul>
<li><span class="text"> 88 </span></li>
<li><span class="text"> - </span></li>
<li><span class="text">110 </span></li>
</ul>
</code></pre>
<br/>
</div>
</div>
</div>
</div>