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)の作成方法
- 次の記事
- 自分の黒歴史を公表するよ その2(キャプテン翼編)
関連記事
-
CakePHPでFacebook-PHP-SDKを使ってFacebookログインするアプリの作り方
こんにちは! 昨日は東京では45年ぶりに大雪が降りましたね! 自分の家の方でも雪が2
-
【解説】Googleウェブマスターツールの使い方
サイトの分析やアクセス解析のツールと言えばGoogleAnalyticsですよね。 このブ
-
composerでcakephpをインストールしてプロジェクトを始めてみる
こんにちは!今日も寒いです。 この時期になると気になってくるのが花粉症です。 自分は花粉
-
wordpressのパーマリンク設定を変更してみたら大丈夫だった件
wordpressでパーマリンクを変えようと思ってたんですが、なかなか踏み切るタイミングがな
-
SVNリポジトリのリプレース(とeclipseの設定)
SVNリポジトリのリプレースを行ったのでエントリー。 1.リポジトリをdump svn
-
PVが3000を超えたので3か月やったこととを公表します
ウクライナ情勢が緊迫している昨今、皆様お元気でしょうか? 自分のブログには大きな変化がありました。
-
タグクラウド機能を付加。
右側のナビにタグクラウドを付けた。どうでしょうか。それにしてもワードプレスってタグが簡単だよね。wp
-
cakephpでユーザ定義定数を読みだす方法
サイトを作るにあたって、定数を使いたいときがよくあります。 サイト上のある数値に変更があっ
-
SVNリポジトリでコミットできなかった件
ベンダーさんに、先日立てたSVNリポジトリにコミットできないと連絡いただき、調べたところ、権限が
-
あらら?Googleのストレージサービスで、無料なのに有料プランが使えてる?!
「ストレージサービス」をご存知でしょうか。「サーバーのディスクスペースを