福岡 SEO対策・ホームページ制作・広告運用代行なら
株式会社スゴヨク

HOME > ブログ > 【忘備録】float後にdiv要素のテキストを下揃えにする方法

SUGOYOKU BLOG

【忘備録】float後にdiv要素のテキストを下揃えにする方法

福岡のホームページ、SEO対策の株式会社スゴヨクです。 今回は少し考えたfloat後のdiv要素のテキストを下揃えにする方法の忘備録になります。 floatでまずは横に並べますね。

ホームページ 制作 料金 福岡 float
その後に
ホームページ 制作 料金 福岡 float
外にmainの要素にposition:relative;をかけます。 position:relative;で相対位置を決めます。 次に絶対位置として position:absolute;とbottom:0;で位置を決めていきます。
ホームページ 制作 料金 福岡 float
HTML CSS これでfloat後のテキストを下に揃えることができます。 レスポンシブで可変についてくるようにするには、今のところこのやり方しか思いついていません。 勉強中の方やこれ以外にもあって知ってるよというかたは是非お教えください。

【実践マーケティング手法22選】 無料ダウンロード

マーケティング手法22選

助成金を使ってホームページを制作しませんか?

スゴヨクでは、小規模事業者持続化補助金を使ったホームページ制作を行っています。
助成額が3分の2、最大50万円まで補助されるので、(要件次第で100万円も可能)
ホームページ制作、広告をお考えの方は一度ご連絡ください。
申請は無料なので、まずはご連絡いただけると幸いです。



補助金 お問い合わせ

ワードプレスでSEO対策をするなら【オリテン】

seoで高位置検証済みのオリジナルテンプレート制作
完全オリジナルの自社テンプレートを毎月3社様限定で制作を承っております。

補助金 お問い合わせ

ホームページの事でお困りならこちらから

お見積り・ホームページ制作・運用、広告に関するご質問まで、どんなことでもお気軽にご相談ください。
日・祝日・休業日以外は24時間以内に返信いたします。

スゴヨク ロゴ

TOP

//サムネイルを取得