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

【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