HTMLです四角みたいにして中にはホ、ア、レみたいに上の四角は2つ、下は左に1つ、と

解決済

質問者：Wohinfahrensie
質問日時：2023/12/23 21:11
回答数：2件

HTMLです

四角みたいにして中には
ホ、
ア、
レ
みたいに
上の四角は2つ、
下は左に1つ、
というように
できますか？
お願いします！教えてください！すいません！

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

参考程度に

No.2ベストアンサー

回答者： fujillin
回答日時：2023/12/23 22:20

こんばんは

雰囲気だけの、いい加減なな一例ですけれど・・・

<!DOCTYPE HTML>
<html lang="ja">
<head><title>Sample</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
#wrap {
width: 80vw;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
#wrap > div {
width: 35vw; height: 35vw;
margin: 2vw;
border: 1px solid gray;
text-align: center;
font-size: 4vw;
}
</style>
</head>
<body>
<div id="wrap">
<div>ホ</div>
<div>ア</div>
<div>レ</div>
</div>
</body>
</html>