【flexレイアウト】 左右のレイアウトで文字を要素の下に落としたい時はこれ | SEO対策・ホームページ制作｜株式会社スゴヨク（福岡・全国対応）福岡のホームページ制作会社のスゴヨクです。 今回は小ネタシリーズになります。 スマホ、パソコン共に左右にするレイアウトって多いんじゃないか思います。 左右とはこのような感じです。 そこで文字だけを要素の下につけたい時はfloatと同じ要領で relativeとabsoluteだけで下に落としていきます。 HTML 画像 上のテキスト scss .flex-wrap{ display:flex; flex-wrap:wrap; position:relative; li{ width: 50%; } } まずはflexの場合だとこうなります。 それからpositionを設定していきます。 scss .Txt-Box{ position:absolute; bottom:0; } 設定するとこのようになります。 なぜ「Bottom-Txt」を囲ってpositionを設定するのかというと ワード
