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)の作成方法
- 次の記事
- 自分の黒歴史を公表するよ その２（キャプテン翼編）
関連記事
-
-
postgresqlデータベースにインデックスを作成する方法
ビットコインが取引停止になったり、LINEがスタンプを自由に作れるようにしたり、何かとにぎや
-
-
cakephpでviewからログイン判定してアカウント表示する機能
cakephpのログイン機能を、viewから判定させたかったので調べてみました。 よく
-
-
タグクラウド機能を付加。
右側のナビにタグクラウドを付けた。どうでしょうか。それにしてもワードプレスってタグが簡単だよね。wp
-
-
WEBディレクター、WEBエンジニア募集してます。
いっしょにWEB制作やりましょう！ クライアント駐在（派遣） 場所：都営大江戸線
-
-
composerでcakephpをインストールしてプロジェクトを始めてみる
こんにちは！今日も寒いです。 この時期になると気になってくるのが花粉症です。 自分は花粉
-
-
Pear::pager と TwitterBootstrap をマッシュアップしてみた
前回に引き続き、WEBアプリをカスタマイズしてみました。 DB使って商品登録をしてると
-
-
佐々木俊尚さんの講演：ソーシャルとクラウドとグローバル
11月17日、Hitachi Open Middleware World Cloud Day に参
-
-
【wordpress】buddypressでの子テーマの作リ方
先日BuddyPressのインストール方法をお伝えしましたが、インストールしたままテーマを変
-
-
Google Analyticsで毎日チェックするべき４つの項目
こんにちは！ まだまだ寒い日が続きますねー。皆様ご自愛ください。 さて、通常なにかし
-
-
ブログでアクセス増やすためにはやっぱりタイトルと記事が重要らしい件
最近はアクセス数にも気をつけてるので、ブログのアクセスを増やす方法が書かれた記事が気になりま
RSS
