Webアプリケーションに改行を組み込む方法を教えてください。 （HTML、CSS）

Question

私はこれを過去10分間ほど研究しており、現在このコミュニティに持ち込んでいます。 、私はそうのような「時間」のタグがあるように使用さ知って

---

が、その減価償却と私は何か他のものを使用することを好むだろう：私はこのような休憩を作る方法を知りません。ログインページの一般的なことは、電子メールログイン "または"ソーシャルアカウントでログインすることです。ヒントや何かを見つけたら、下にリンクしてください！

ありがとうございます！

Answer 1

HRを使用するには、:after selectorを使用して、このようなものを試してみましょう。それは非推奨と述べ

p { 
 
    text-align: center; 
 
    } 
 
p span { 
 
    background-color: #fff; 
 
    display: inline-block; 
 
    padding: 0 3px; 
 
} 
 
p:after { 
 
    content: ''; 
 
    display: block; 
 
    border-bottom: 1px solid black; 
 
    margin-top: -8px; 
 
}

<p><span>or</span></p>

Answer 2

<hr>は推奨されていません。

HTML5では、<hr>タグはテーマ区切りを定義します。

HTML 4.01では、<hr>タグは水平方向のルールを表します。

しかし、<hr>タグは、視覚的なブラウザでは横方向のルールとして表示されることがありますが、プレゼンテーションの用語ではなく意味的な用語で定義されています。

HTML5ではすべてのレイアウト属性が削除されています。代わりにCSSを使用してください。

詳細については、https://www.w3schools.com/tag_hrをご覧ください。

代替は（スニペットを確認してください）例<div>sとbordersのために使用することです：

私は個人的に自信を持ってHRを使用しますが、私はしたくなかった場合

.thisIsFormContainer 
 
{ 
 
    position:relative; 
 
    float:left; 
 
    border:1px solid #000; 
 
    border-radius:4px; 
 
    text-align:center; 
 
    padding:20px; 
 
} 
 

 
.top 
 
{ 
 
    position:relative; 
 
    width:90%; 
 
    margin:0px auto 10px auto; 
 
    padding:0; 
 
    border-bottom:1px solid #09f; 
 
} 
 

 
.fieldGroup 
 
{ 
 
    position:relative; 
 
    width:90%; 
 
    margin:0px auto 0px auto; 
 
    padding:0; 
 
    text-align:left; 
 
} 
 

 
.item 
 
{ 
 
    position:relative; 
 
}

<div class="thisIsFormContainer"> 
 
    <div class="top"> 
 
    <div class="item">Send us an email!</div> 
 
    </div> 
 
    <div class="fieldGroup"> 
 
    <div class="item">Address:</div> 
 
    <div class="item">Country:</div> 
 
    </div> 
 
    <div class="fieldGroup"> 
 
    <div class="item">State:</div> 
 
    <div class="item">City:</div> 
 
    </div> 
 
</div>