Mode KIKU- モードキク

モードキクは伊太利屋ブランドを中心に販売している大阪のブティックです。

お問い合わせ:06-6954-6636

TAKE-design

WordPressでレシポンシブinline-blockを並べた

投稿日:2015年8月26日 更新日:

WordPressでレシポンシブinline-blockを並べた
<div style=”display: inline-block; margin-bottom: 1.5em;”>
</div>

ul {text-align: center;}     <!-- ul の中身を中央揃えにして -->
li {display: inline-block;}  <!-- li をインラインブロックで表示して -->
a  {display: block;          <!-- a をブロックで表示して -->
    width: 40px;}            <!-- a に幅を指定 -->
<ul>
   <li><a href="#">1</a></li>
   <li><a href="#">2</a></li>
   <li><a href="#">3</a></li>
   <li><a href="#">4</a></li>
   <li><a href="#">5</a></li>
</ul>

 

 

関連記事

WordPress Embeds

Facebook や Twitter でおなじみになった感がありますが、「URLを入力すると、リンク先のページタイトルやサムネイルをページに埋め込んでくれる」アレです。前回の記事にも引用リンクを使用し …

スタイル装飾一覧

段落 フォントサイズ10Ptあああああああああああああああああああああああああああああああ ああああああああああああああああああああああああああああああああああああ 段落 ええええええええええええええ …

WordPressマーク付きリストコード

WordPressマーク付きリストコード ウイジットを使ったリスト表示コードです。サイドメニューで使用する事を想定します。 <div id=”topmenu”> & …