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

このエントリーをはてなブックマークに追加
「WEBaseとつながろう!」LINEでマーケティング情報を定期的に発信していきます。集客に興味がある方は、友達登録お願い致します。
Contents
お知らせ 一覧
使命は集客、戦略的WEB集客サポート「WEBコンサルティング」
お試しWEBコンサルティング
完全成果報酬型SEO対策「インジーニアスSEO」
戦略的ホームページ制作・リニューアル
「WEBaseとつながろう!」LINEでマーケティング情報を定期的に発信していきます。集客に興味がある方は、友達登録お願い致します。
ページTOPへ