質問: css/HTMLに関する質問です。 webサイトのコーディングを行なっているのですが、cssで長方形を作成し、その中に2つの画像と文字をラップする箱を作成したいのですが、やり方が全く分かりません。。 作成イメージは以下の写真の通りになります。 どなたかご教授ください。。
回答: 黒い部分も考える必要があるのかどうかわからなかったので、省略しました。 width は適宜変更してください。 ● CSS div.unit {display: flex; width: 650px; margin: auto; border: lightblue solid 1px;} div.photo {width: 300px; background-color: plum;} .photo img {object-fit: contain;} .unit dl {width: 100%; margin-top: 0;} .unit dt {padding: 5px; border-bottom: royalblue solid 2px; font-weight: bold; font-size: 105%;} .unit dd {margin-left: 0; padding: 5px; text-align: justify;} ● HTML タイトルタイトル テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト