2016-10-27 4 views
0

Die Überschrift h3 in der Überschrift "3.pay" ist höher als die anderen. Es ist nicht horizontal ausgerichtet. enter image description here Wie behebe ich das? angehängt ist Bild.Text ist höher in der ersten Spalte als andere

<div class="row text-center"> 
    <div class="cost col-md-4"> 
    <h3 class=w ork> 1. Drop Off</h3> 
    <p class="pricing"> Monday - Friday 
     <br> 8am - 5pm 
     <br> P. 510-584-8001 </p> 
    </div> 

    <div class="cost col-md-4"> 
    <h3 class=w ork> 2. Pick Up </h3> 
    <p class="pricing"> Same day service available 
     <br> when laundry is dropped off before 9am. 
     <br> Call us beforehand.</p> 
    </div> 

    <div class="two col-md-4"> 
    <h3 class=work> 3. Pay </h3> 
    <p class="pricing"> $1.25 a pound per load. 
     <br> 25 pounds minimum. 
     <br> Blankets are $10.00</p> 
    </div> 
+0

deklariert werden Können Sie die CSS für HTML geteilt teilen? – Selvam

+0

Ich denke, es ist Bootstrap verwenden, obwohl Ihr HTML korrekt mit Bootstrap funktioniert. Sie können zusätzliche Stile hinzugefügt haben. kannst du die html deiner Überschriften auch hinzufügen? –

Antwort

0

Finden Arbeit in Ihrem CSS-Code. Dann muss es Schriftgröße sein. Einfach reparieren.

Sie so etwas wie verwenden:

work 
{ 
padding: 70px 0; 
position: relative; 
vertical-align: middle; 
font-size: 30px; 
font-weight: normal; 
} 
0

Wie ich sehe, haben Sie einen Fehler im Code. Im 1. und 2. Spalte, die Sie anwenden eine Klasse für ‚h3‘ tag falsch:

<h3 class=w ork> 

Es scheint, dass Klasse „w ork“ ist falsch.

Befestigen Sie es einfach, indem Sie einen Abfallraum entfernen.

Es ist wie die 3. Spalte

<h3 class="work"> 
Verwandte Themen