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;
}

(※本ページはプロモーションが含まれています。)

  • 広告
  • 広告
PageTop

CATEGORY