【css】ul liタグ横並びテク | さけブロ。♡主にディズニー、htmlやcssなどのメモも♡

さけブロ。♡主にディズニー、htmlやcssなどのメモも♡

自分用htmlやcssなどメモ&身内向け料理日記&ただのディズニーマニア。海外ディズニーが最近好きすぎてヤバイ。WDW、DLR、HKDL、DLP、アウラニ、SHDL訪問済。クルーズも参加済。

<STYLE>
#id_ul {
/* 適当に */
}
#id_ul li {
margin:0px;
display:inline;
border:1px solid red;
padding:3px;
}
</STYLE>


<!--
実際に使う時、<LI>~</LI>を横に並べないと、

FireFoxで空白ができてしまう。
-->
<UL id="id_ul">
<LI>めぬー1</LI><LI>めぬー1</LI><LI>めぬー1</LI>
</UL>