【忘備録】float後にdiv要素のテキストを下揃えにする方法
福岡のホームページ、SEO対策の株式会社スゴヨクです。 今回は少し考えたfloat後のdiv要素のテキストを下揃えにする方法の忘備録になります。 floatでまずは横に並べますね。
![ホームページ 制作 料金 福岡 float](https://sugoyoku.com/wp-content/uploads/2017/05/d9b9e8ad3a542544fc51a2a5f3859194.jpg)
![ホームページ 制作 料金 福岡 float](https://sugoyoku.com/wp-content/uploads/2017/05/a2051c26b9730f86d6b46c450f51d059.jpg)
![ホームページ 制作 料金 福岡 float](https://sugoyoku.com/wp-content/uploads/2017/05/b8ac94d43ea88a2272de480cd83c4f7c.jpg)
1 2 3 4 5 6 7 8 |
<div class="main"> <div class="red"> <p>文字A</p> </div> <div class="blue"> <p>文字B</p> </div> </div> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
.main { width:100%; margin:0 auto; position:relative; } .red,.blue{ float:left; } .blue p { position:absolute; bottom:0; } |
【実践マーケティング手法22選】 無料ダウンロード
![マーケティング手法22選](https://sugoyoku.com/wp-content/uploads/2020/09/marketing22.jpg)
助成金・補助金・融資・M&A等の総合経営支援サービス
「補助金パートナー」
月額定額制で、ホームページやECサイト運用、営業資料・チラシ・DMなどの製作代行から補助金や助成金など資金調達の情報を提供及び申請代行まで一手に支え会社の成長をサポートするコンサルティング型のサービスです。
![補助金 お問い合わせ](https://sugoyoku.com/wp-content/uploads/2023/10/aibo.jpg)
ワードプレスでSEO対策をするなら【オリテン】
seoで高位置検証済みのオリジナルテンプレート制作
完全オリジナルの自社テンプレートを毎月3社様限定で制作を承っております。
![補助金 お問い合わせ](https://sugoyoku.com/wp-content/uploads/2020/12/oriten.jpg)