HOME > ブログ > 左右に配置するレイアウトはdisplay:flex; flex-direction: row-reverse;で簡単にできる 左右に配置するレイアウトはdisplay:flex; flex-direction: row-reverse;で簡単にできる 福岡のホームページ制作、SEO対策会社のスゴヨクです。 今回はパソコンのレイアウトでよく見る左右に配置するレイアウトの配置方法の紹介です。 前はfloatを使って「left、right」としていましたが、 現在はdisplay: flex;で簡単に出来ます! 上記のような画像のレイアウトの場合のHTMLは <ul> <li class="flex-wrap"> <img src="画像①"> <p>テキスト①</p> </li> <li class="flex-reverse"> <p>テキスト②</p> <img
![左右に配置するレイアウトはdisplay:flex; flex-direction: row-reverse;で簡単にできる | 株式会社スゴヨク|福岡のホームページ制作、seo対策、広告代行](https://cdn-ak-scissors.b.st-hatena.com/image/square/25d725af49283750f1da28510bd4dabc110afaa4/height=288;version=1;width=512/https%3A%2F%2Fsugoyoku.com%2Fwp-content%2Fuploads%2F2018%2F11%2Fflex.jpg)