Centring text in a circle

[hantaah]

Is there a way to perfectly centre the text in these three circles?

http://www.muslimahwebdesign.co.uk/wofwt2/our-offerings/

[Erik_J]

Hi,

Try display the text containers as table/table-cell, then vertical-align the table content.
From your site, try something like this:

.ch-info-back p {
    display: table;
    height: 100%;
}
.ch-info-back p span {
    display: table-cell;
    vertical-align: middle;
    text-align: justify;
}

[hantaah]

neat trick!!!

[ronpat]

You’ll probably want to add {padding:0} in your new code on line 378:

http://www.muslimahwebdesign.co.uk/wofwt2/our-offerings/ #4 line 378

.ch-info-back p {
    display: table;
    height: 100%;
    padding: 0;   /* ADD Me */
}

to override the padding in line 307

[hantaah]

Yes that’s exactly right!