CODEWITHSUNDEEP
htmlcss
user3763909
user3763909

Reputation: 25

Align horizontally H4 tag inside multiple divs

i need align/center H4 tag inside multiples divs. I try with text-align: center; but doesn work.

<div data-href="http://codigomasivo.com.ar/dev/douglas/transmission/" tabindex="1" data-target="_self" class="linkarea clearfix accent1  background-transparent">
    <div class="first">
        <img src="http://codigomasivo.com.ar/dev/douglas/wp-content/uploads/2015/07/trans_green.png" alt="">
    </div>
    <div class="last"><h4 style="text-align: center;"><span style="color: #ffffff;">Transmission</span></h4>
    </div>
</div>

Look this image:

enter image description here

I need to center "transmission" text, is the only text not centered. My web is this http://codigomasivo.com.ar/dev/douglas/home/ Thanks a lot

Upvotes: 2

Views: 577

Answers (3)

Peyman Mohamadpour
Peyman Mohamadpour

Reputation: 17944

Use this code:

<div class="linkarea clearfix accent1 background-transparent">
    <div class="first" style="text-align: center">
        <img style="display: inline-block" src="http://codigomasivo.com.ar/dev/douglas/wp-content/uploads/2015/07/trans_green.png" alt="">
    </div>
    <div class="last"><h4 style="text-align: center;"><span style="color: #232323;">Transmission</span></h4>
    </div>
</div>

Upvotes: 0

user3669714
user3669714

Reputation: 90

Not too be a jerk but you have 2 suspension sections and timing section goes to suspension section.

Upvotes: 0

jaunt
jaunt

Reputation: 5088

Apply padding: 20px; to .linkarea .first instead of .linkarea and that should give you your desired effect.

Upvotes: 2

Related Questions