How to align div img and div h2_?

Question

css

The task is simple, but I can not find a solution in any way
, such a structure

<div class="col-lg-6">
    <div class="row">
        <div class="image"><a href="#"><img src="imagen.png"></a></div>
            <div class="text"><h2>Hello</h2></div>        
    </div>
</div>
    <div class="col-lg-6">
    <div class="row">
        <div class="image"><a href="#"><img src="imagen.png"></a></div>
            <div class="text"><h2>Hello</h2></div>        
    </div>
</div>

itmages.ru/image/view/3101282/3b1ef895
How to align a block with text next to a block with a picture? What would it be like next to a folder?

Answer 1

float: left and padding like h2.
https://jsfiddle.net/rbkpqunw/
Well, either inline-block, or combine the image and text into one div. Why do you have separate .image and .text blocks?

Answer 2

Can be easily reduced to:

<div class="col-lg-6 row">
        <a class="image" href="#"><img src="imagen.png"></a>
        <h2 class="text">Hello</h2>
</div>

The result will be the same.
For alignment add to a.image {float: left}