Ku dutsen lissan

Tudin howa a samu amfani da CSS domin sake dutsen lissan.

lissan yana dutsen

  • Coffee
  • Chi
  • Cola

zama lissan HTML kuma yana dutsen

第一步 - Tukewa HTML:

zama <ul> elementun yana wakiltar kowane kewayi wanda ke cikin, misali <div>:

<div class="container">
  <ul class="myUL">
    <li>Coffee</li>
    <li>Chi</li>
    <li>Cola</li>
  </ul>
</div>

第二步 - Tukewa CSS:

zama <div> elementun yau yau yana dutsen, kuma kuma <ul> gaya da nuna inline-block。

kuma, a hanyar ba kara gina tsaki na lissan dona kuma yau kuma:

div.container {
  text-align: center;
{}
ul.myUL {
  display: inline-block;
  text-align: left;
{}

亲自试一试

相关页面

教程：CSS 对齐