Q&A
初めまして。htmlについて勉強をしているのですが、border-bottomを使用する際、文字を入れる前の段階で線を固定することは可能ですか？今はhtmlに直接文字をいれてるのですが、これを消すと線が移動してしまいます。最終的にはJavascriptを使って自動で文字を入れる予定です。アドバイスよろしくお願いします。
html
1<div class="text-number1">1</div> 2<div class="text-number2">1</div> 3<div class="text-number3">1</div>
css
1.text-number1{ 2position:relative; 3margin-top:120px; 4margin-right:120px 5border-top:inset 1px #000000; 6border-bottom:inset 1px #000000; 7line-height:40px; 8} 9.text-number2{ 10position:relative; 11margin-right:200px; 12border-bottom:inset 1px #000000; 13line-height:40px; 14} 15.text-number3{ 16position:relative; 17margin-right:200px; 18border-bottom:inset 1px #000000; 19line-height:40px; 20}
回答1件
0
ベストアンサー
.text-number1～.text_number3のそれぞれに、min-height: 40px;を追加しておく。
投稿2020/07/27 05:33
総合スコア11990
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/07/27 05:46