Align Three Images Side By Side In Body Of Website

I am having problems with aligning 3 images with text side by side on the homepage of my website. The first two images are aligned and centered perfectly, but the last image won't

Solution 1:

Add this css to your code First set the width of container to 100%

.picture_row{
    width:100%;
}

Then set each coloumn to around 30% (you might need to adjust this depending on margin and padding you are giving to your container and child elements)

It will divide li element into 3 container of equal width

.picture_rowli{
    float:left; 
    display: inline;
    font-family: "heiti sc"
    width:30%;
}