技術標籤：前端入門css3

使用em和span輔助設定選項卡文字樣式
html檔案：

<div class="seckill-nav">
    <ul>
        <li class="activate"><em>18:00</em><span><em>即將開始<br>距開始01:25:15</em></span></li>
        <li><em>20:00</em><span>
 
即將開始</span></li>
        <li><em>22:00</em><span>即將開始</span></li>
        <li><em>00:00</em><span>明日開始</span></li>
		<li><em>08:00</em><span>明日開始</span></li>
	</ul>
</div>

css檔案：

.seckill-nav em {
    display: inline-block;
    font-style: normal;
    font-size: 18px;
    line-height: 1;
    vertical-align: middle;
    margin-left: 30px;
}
.seckill-nav span {
    display: inline-block;
    font-size: 14px;
    margin-left: 15px;
    text-align: left;
    vertical-align: middle;
}
.seckill-nav ul li span em {
    display: inline-block;
    font-style: normal;
    font-size: 14px;
    margin-left: 0px;
    text-align: left;
    vertical-align: middle;
    line-height: 20px;
}
 

效果：