wie diese unterstreichen unter zwei Zeilen aus dem Text bekommen

Question

ich einen Text haben, die einen Unterstrich muss, aber ich möchte, dass unterstrichen mit einem gewissen Raum unterhalb des Textes sein, nach unten

Ich habe ein Bild zu zeigen, was ich benötigt, um do

hier ist der Code, den ich versucht habe

index.html

<div class="line"> 
<p class="text-center"> <u> Offerings </u> </p> 
</div> 

Answer 1

Sie keine unterstrichenen Tag verwenden, sondern stattdessen eine untere Grenze, wie so verwenden:

.underline {border-bottom: 1px solid red;}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="line text-center"> 
 
    <span class="underline"> Offerings </p> 
 
</div>