Question

My question is about HTML – I need to arrange 2 images (there are in same line) in central of line, but also I need to write text to the right of each image; text must be align on vertically rather image. How can I do it?

Answer 1

You could do the following:

<div class="container">
    <div class="img1">
        <img src="http://www.veryicon.com/icon/png/Nature/Nature/Red%20Flower.png" />
        <span>This is flower1</span>
    </div>
    <div class="img2">
        <img src="http://www.veryicon.com/icon/png/Nature/Nature/Red%20Flower.png" />
        <span>This is flower2</span>
    </div>
</div>

And CSS:

div.container {
     margin: auto;
      width: 700px;  
    text-align: center;
    position: relative;
}

div.img1 {
    position: absolute;
     left: 0px;
}

div.img2 {
    position: absolute;
     right: 0px;   
}

img {
    vertical-align: middle;
}

I made this example for you here on JSFiddle.