リストに使う、「ul」や「li」を横並びで中央に寄せようとするとうまくいかなかったため、これならできたぁってのを載せておきます！
簡易的なリスト↓
list.html
<ul>
<li>リスト１</li>
<li>リスト2</li>
<li>リスト3</li>
</ul>
これさえあれば、横並び中央にできる↓
list.css
ul {
text-align: center;
}
li {
display: inline;
}
これだけだと、余白だったりが気になるので、
li部分にmarginを仕込むといいですよ！
ちなみに、floatを使うとうまくいかんかった(T-T)
正直、float使うと、「・」を取るコードが必要なんやけど、display: inline;使うと勝手に無くなってくれるのでコードの短縮にもつながる！
↧