Выравнивание текста на Visual Composer

Question

У меня есть строка на моей странице и разделили ее на две части, 1/2 и 1/2.

С одной стороны находится изображение, а с другой стороны - текстовый блок. Я хочу вертикально выровнять текстовый блок так, чтобы он находился в середине изображения, но я не могу заставить его работать.

Я попытался дать текстовому блоку и строке пользовательский css с {vertical-align: middle;}, но ничего не изменилось.

Надеюсь, вы можете мне помочь.

Спасибо!

Answer 1

Что-то вроде этого?

http://codepen.io/AxelCardinaels/pen/OVryrO HTML:

<div class="main"> 
    <div class="container"> 
    <div class="container__image"> 
     <img class="image__img" src="http://i.imgur.com/rdXHVp7.jpg"> 
    </div> 
    <div class="container__description"> 
     <p class="description__text"> 
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis volutpat dui ac aliquam ultricies. Mauris nec dui lorem. Aenean finibus dictum erat id consectetur. Etiam auctor, libero eu tempor tincidunt, sapien mi cursus eros, quis viverra tortor neque sed lacus. 
     </p> 
    </div> 
    </div> 
</div> 

УС:

.container{ 
    display:table; 
} 

.container__description{ 
    width:50%; 
    display:table-cell; 
    vertical-align:middle; 
    padding:2em; 
}