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(キャプテン翼編)
関連記事
-
-
xamppでSSLの設定をする
以前、xamppでvirtual host の設定をしましたが、xamppを使ってて「あれ、SS
-
-
さくらでcakephpを使って500internal server errorが出る場合の対応
こんにちは! 今日は節分ですね。自分の子供のころ、節分と言えば豆まきだったわけですが、近ご
-
-
ブログでアクセス増やすためにはやっぱりタイトルと記事が重要らしい件
最近はアクセス数にも気をつけてるので、ブログのアクセスを増やす方法が書かれた記事が気になりま
-
-
cakephpでviewからログイン判定してアカウント表示する機能
cakephpのログイン機能を、viewから判定させたかったので調べてみました。 よく
-
-
さくらインターネットでPEARを使ってみる
以前、自分が持っている書籍を管理するアプリ「ブックマネージャー」を作ってアップしてたのですが
-
-
WEBサイトの表示速度をスピードアップする方法
サイトの表示が遅いので、いくつかツールを使ってチューニングすることにしました。 まず初めに
-
-
Google Analyticsで毎日チェックするべき4つの項目
こんにちは! まだまだ寒い日が続きますねー。皆様ご自愛ください。 さて、通常なにかし
-
-
wordpressからbloggerに引越し
lolipopで使っているロリポプランは、DBが一つしか使用できない。もうちょっと有効に使えないかと
-
-
ファビコン(.ico)の作成方法
テーマを変更したついでと言ってはなんだけど、ファビコンの作成方法をメモしておきます。
-
-
CakePHP1.3でブラウザを閉じてもセッションが切れないようにする方法
ちょっと体調を崩してしまってましたが、なんとか回復してきました。(辛かった・・・) 本当に


RSS