現在この添付しこの画像を横一列に揃え文字を画像上下に添えて中央に揃えるにはどうしたらよいでしょうか
HTML`
<div class="lesson-items"> <div class="lesson-item"> <p>テキスト</p> <img src="画像URL"> <p2>テキスト</p2> </div><div class="lesson-item"> <p>テキスト</p> <img src="画像URL"> <p2>テキスト</p2>
</div>
</div>
<div class="lesson-item"> <p>テキスト</p> <img src="画像URL"> <p2>テキスト</p2>
</div>
</div>
</div>
CSS}
.lesson-items {
height: 600px;
margin-top: 100px;
margin-bottom: 100px;
}
.lesson-item{
float: left;
margin-left: 10px;
display:block;}
.lesson-item img{
height: 20%;
width: 20%;
}
.lesson-item p{
font-size:12px;
margin-bottom: 10px;
}
.lesson-item p2{
font-size:14px;
margin-bottom: 10px;
}
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/04/10 05:34