You need to add
float: left
to your .back area of the stylesheet so it's like this:
Code:
.back {
float: left;
padding-top: .5em;
font-size: 1.3em;
}
However, this might mess up other things that are in the .back class and don't need the float: left. My personal solution to it was to create another class (call it .backproduct) and put the float in with it:
Code:
.backproduct {
float: left;
padding-top: .5em;
font-size: 1.3em;
}
Then you can simply change the class name of any images that line up vertically. So to change the class of the images on your index page, you'd need to change the following:
Code:
class="centerBoxContentsNew centeredContent back"
to this
Code:
class="centerBoxContentsNew centeredContent backproduct"
You may need to repeat this for the other two images that are lining up vertically as well.
Bookmarks