ブログトップ >  Wordpress, 鈴木 > 横並びdivの高さ揃え&テキスト上下中央へ
2018年09月14日

横並びdivの高さ揃え&テキスト上下中央へ

html

<div class=”box”>
<div class=”sub-box1″>テキスト</div>
<div class=”sub-box2″>テキストテキストテキストテキストテキストテキスト</div>
</div>

 

css

.box{display: table;width: 100%;}
sub-box1{width: 20%; display: table-cell;text-align: center; vertical-align: middle;}
sub-box2{width: 95%; padding: 5px 10px;display: table-cell;}

 

vertical-align: middle;← 上下中央

このページのトップへ

ブログについて

ホームページ制作のいいじゃん沼津のスタッフブログです。

いいじゃん ホームページ作成サービスいいじゃん ホームページ作成サービス

運営会社

有限会社システムエイド有限会社システムエイド

〒410-0822
静岡県沼津市下香貫宮脇200-3
TEL. 055-935-1339
FAX. 055-935-1340

えいど君について

えいど君
  • 名前:えいど君(パソコンの妖精)
  • 誕生日:2002年2月14日
  • 性別:パソコン
  • メモリー:32GB
  • 口癖:「いいじゃん!

アーカイブ

最新3ヶ月 年別