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(キャプテン翼編)
関連記事
-  
                              
- 
              Google Analyticsで毎日チェックするべき4つの項目こんにちは! まだまだ寒い日が続きますねー。皆様ご自愛ください。 さて、通常なにかし 
-  
                              
- 
              postgresqlデータベースにインデックスを作成する方法ビットコインが取引停止になったり、LINEがスタンプを自由に作れるようにしたり、何かとにぎや 
-  
                              
- 
              cakephpでPHPのタイムゾーン設定してないとエラーが出る件ロリポップからさくらにサーバを変えたのは先日のエントリーの通りですが、サーバ環境が違うことでca 
-  
                              
- 
              img画像に隙間(空間)ができる件何度か経験してそのたびにイラッときたので自分用にエントリー。 スタイルシートで下記のように記述 
-  
                              
- 
              wordpressからbloggerに引越しlolipopで使っているロリポプランは、DBが一つしか使用できない。もうちょっと有効に使えないかと 
-  
                              
- 
              wordpressのパーマリンク設定を変更してみたら大丈夫だった件wordpressでパーマリンクを変えようと思ってたんですが、なかなか踏み切るタイミングがな 
-  
                              
- 
              【今さら】ブラインドタッチができるようになるまでにやった3つの事【もういいでしょ】過去、仕事で一緒になった人がブラインドタッチが苦手だということがありました。 両手の人差し 
-  
                              
- 
              xamppでSSLの設定をする以前、xamppでvirtual host の設定をしましたが、xamppを使ってて「あれ、SS 
-  
                              
- 
              嫌われている人から好かれようと思わなくていいんだという件自分用にちょっとしたライフハックに気づいたので、リマインダーとしてエントリー。 それは「嫌 
-  
                              
- 
              postgresqlのvacuumでビビった件ある日突然、サービスが落ちていると連絡を受けました。 URLにアクセスしてみると、確かにサ 




 
         
         
         
         
         RSS
 RSS