文、画像、文を横並びで均等に並べたいです。
また、画像が中心にレイアウトできるよう、文字をそれぞれ画像の真ん中にくるように配置したいです・・・
今はただ横並びになっているだけ、という状態です。
(また、nameのところにclear: both;があるのは、
その前の要素の回り込みを防ぐために付けました)
html
1 2<p class="name">名前<br> 31993年生まれ ~~出身。</p> 4 <p class="img1"> <img src="me.png" alt="著者"></p> 5<p class="text1"> ~~~~<br> 6~~~~<br> 7~~~</p> 8 9```css 10 11.name{ 12clear: both; 13width: 33%; 14float:left; 15} 16 17.img1{ 18width: 33%; 19float:left; 20} 21 22.text1{ 23width: 33%; 24float:left; 25}
回答2件
あなたの回答
tips
プレビュー