CSSでイメージと画像の縦位置中央揃え 12.02.20  (更新: 

  • HOME  >  
  • 【CSS】  >  
  • CSSでイメージと画像の縦位置中央揃え

【HTML】
<ul class="link">
<li><a href="/"><img src="sample.jpg" alt="サンプルバナー" width="190" height="80" /><span>サンプルバナーの説明テキスト</span></a></li>
</ul>

【CSS】
ul.link li {
list-style: none;
position: relative;
}
ul.link li span {
position: absolute;
top: 50%;
margin-top: -1em;
}

  • 広告
  • 広告
お問い合わせ

コンテンツSEOやWEB集客での成果をサポートさせていただきます。下のメールフォームからお問い合わせ下さい。

・・・必須項目

  • お名前
  • お名前フリガナ
  • 貴社名
  • ホームページURL
  • メールアドレス
  • メールアドレス(確認のためもう一度お願いいたします。)
  • お電話番号
  • お問い合わせ内容
PageTop

CATEGORY