老大 這段便民電話代碼，手機版怎么合適？

老大 這一段便民電話代碼，要在手機頭部一行顯示4個，怎么調整啊。

<style type="text/css">
.k114adc{ width:1235px; border:1px solid #e4eae8; padding-bottom:10px;}
.k114t{ border-bottom:1px solid #e4eae8; color:#408fdc; position:relative; font-size:12px; line-height:15px; padding:8px; letter-spacing:1px;}
.k114adc ul{ margin:10px; padding:0px;}
.k114adc ul li{ width:120px; height:35px; margin:2px; padding:5px 5px 5px 5px; float:left; list-style:none; font-size:12px; line-height:18px; text-align:center; background-color:#FF0000; color:#FFFFFF; overflow:hidden;}
.k114c{color:#ff6655; position:absolute; right:10px; top:10px; line-height:15px;}
</style>
<div class="k114adc">
<div class="k114t"><strong>便民電話 與 同城服務&gt;</strong><div class="k114c">想讓您的電話顯示在這里嗎？請<a href="/about/contact.aspx" target="_blank">聯系客服</a>。</div></div>
<ul>
<li style="background-color:#f60808;">商家店鋪名<br />12345678901</li>
<li style="background-color:#90b17a;">商家店鋪名<br />12345678901</li>
<li style="background-color:#4492fe;">商家店鋪名<br />12345678901</li>
<li style="background-color:#b56dad;">商家店鋪名<br />12345678901</li>
<li style="background-color:#ff7125;">商家店鋪名<br />12345678901</li>
<li style="background-color:#bdbbc0;">商家店鋪名<br />12345678901</li>
<li style="background-color:#7282b5;">商家店鋪名<br />12345678901</li>
<li style="background-color:#1841e7;">商家店鋪名<br />12345678901</li>
<li style="background-color:#f87429;">商家店鋪名<br />12345678901</li>
<li style="background-color:#7282b5;">商家店鋪名<br />12345678901</li>
<li style="background-color:#ef2849;">商家店鋪名<br />12345678901</li>
<li style="background-color:#4293ff;">商家店鋪名<br />12345678901</li>
<li style="background-color:#f60808;">商家店鋪名<br />12345678901</li>
<li style="background-color:#b56aa5;">商家店鋪名<br />12345678901</li>
</ul>
<div class="clear"></div>
</div>