vertical-alignで画像とテキストの位置を垂直方向で揃える
公開日：
:
最終更新日：2014/03/13
テクニック vertical-align
これも自分のリマインダー用としてエントリー。
画像とテキストが同じ行に並んでいて、垂直方向に揃えたいとき。
微妙にずれるときがあるんですよね。
たとえば上図のようなとき。
RSSのアイコンと「RSS」という文字が垂直方向にずれています。
識字的には問題ないんですが、何か気持ち悪い。
こんな感じで、画像とテキストを同じ行のベースラインで揃えたい。
こんなときはCSSの「vertical-align:text-bottom」を使ってください。
画像に並ぶテキストの位置（垂直方向）を指定する
http://www.tagindex.com/stylesheet/img/vertical_align.html
すごく基本的なことですが、基本的なことほど忘れやすいものなのです。
Google AD
- 前の記事
- ファビコン(.ico)の作成方法
- 次の記事
- 自分の黒歴史を公表するよ その２（キャプテン翼編）
関連記事
-
-
WEBサイトの表示速度をスピードアップする方法
サイトの表示が遅いので、いくつかツールを使ってチューニングすることにしました。 まず初めに
-
-
WEBディレクター募集します
仕事でWEBディレクターが必要になりました。HTML／CSSコーディング、ディレクション経験あります
-
-
CakePHPでFacebook-PHP-SDKを使ってFacebookログインするアプリの作り方
こんにちは！ 昨日は東京では45年ぶりに大雪が降りましたね！ 自分の家の方でも雪が2
-
-
さくらでcakephpを使って500internal server errorが出る場合の対応
こんにちは！ 今日は節分ですね。自分の子供のころ、節分と言えば豆まきだったわけですが、近ご
-
-
【今さら】ブラインドタッチができるようになるまでにやった3つの事【もういいでしょ】
過去、仕事で一緒になった人がブラインドタッチが苦手だということがありました。 両手の人差し
-
-
postgresqlのスロークエリ（スローログ）を取得する
45年ぶりの雪が、1週おきに降るってどういうことでしょうか？ とは言え、雪が降るといつもと
-
-
eclipseのリソース名を変更する
ちょっとキョドったのでエントリー。 １． eclipse ＞ エクスプローラー から名前を変更
-
-
wordpressのパーマリンク設定を変更してみたら大丈夫だった件
wordpressでパーマリンクを変えようと思ってたんですが、なかなか踏み切るタイミングがな
-
-
cakephpでPHPのタイムゾーン設定してないとエラーが出る件
ロリポップからさくらにサーバを変えたのは先日のエントリーの通りですが、サーバ環境が違うことでca
RSS
