Adjust text placement next to images

I am on the 91st page out of 190 restyling an old table based wesite with css & html5
in this page i have 6 small images in the center of the page with text to the right of each image
http://roofgenius.com/Price_Per_Sq_Pages/Test.asp
i fooled with the text placement enough to make it acceptable by using floats and <br> tags
in the 3rd image from the top with the text: ( "In the roof pitch drop down list select 6/12")
 I would have moved the text down a few px if i knew how.
If i remove the floats the text is too low against the image.
How do i do this ?
isnoend2001Asked:
Who is Participating?
 
Jagadishwor DulalConnect With a Mentor Braces MediaCommented:
Add <p class="lower_spacer">Content here.</p>

.lower_spacer{
             padding-top: 14px;
}

Open in new window

0
 
Jagadishwor DulalBraces MediaCommented:
I did not test your code with any validator do it yourself. One of the important part of your page is you are using padding-top that is the main problem. Decrease the value of padding like below and you are not using p tag in that line add <p> tag.
.section_area .middlepanel p {
    color: #000000;
    font: 13px/18px Verdana,Geneva,sans-serif;
    padding-top: 14px;
}

Open in new window

0
 
isnoend2001Author Commented:
Thanks  jagadishdulal, but I cannot change the style sheet as many pages are already
referring to the styles and that might mess them up
0
Cloud Class® Course: Microsoft Azure 2017

Azure has a changed a lot since it was originally introduce by adding new services and features. Do you know everything you need to about Azure? This course will teach you about the Azure App Service, monitoring and application insights, DevOps, and Team Services.

 
Jagadishwor DulalBraces MediaCommented:
Again you can manage that line add a separate class for that line.
0
 
isnoend2001Author Commented:
Thanks  jagadishdulal could you give an example ?
0
 
isnoend2001Author Commented:
Thanks
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.