Дано
<div class="row" style="margin: 20px;">
<div class="col-sm-10 col-sm-offset-1 col-xs-12 col-xs-offset-0">
<div style="text-align: center; display: inline;">
<div class="columns">
<div class="twentytwenty-container">
<img width="100%" id="beforeImg" src="img/projects/1_before.jpg" />
<img width="100%" id="afterImg" src="img/projects/1_after.jpg" />
</div>
</div>
<img id="prevProject" src="img/left-arrow.png" width="25px" style="cursor: pointer; display: inline;"/>
ЛИСТАЙТЕ ПРОЕКТЫ
<img id="nextProject" src="img/right-arrow.png" width="25px" style="cursor: pointer; display: inline;"/>
</div>
</div>
</div>
Как выстроить в одну строку последовательно #prevProject, .twentytwenty-container, #nextProject ?
UPDATE
<div class="row" style="margin: 20px;">
<div class="col-sm-10 col-sm-offset-1 col-xs-12 col-xs-offset-0">
<div style="vertical-align: middle;">
<img id="prevProject" src="img/left-arrow.png" width="25px" style="cursor: pointer; float: left;"/>
<img id="nextProject" src="img/right-arrow.png" width="25px" style="cursor: pointer; float: right;"/>
<div class="columns">
<div class="twentytwenty-container">
<img width="100%" id="beforeImg" src="img/projects/1_before.jpg" />
<img width="100%" id="afterImg" src="img/projects/1_after.jpg" />
</div>
</div>
</div>
<div style="clear:both;"></div>
</div>
</div>
Выполнены рекомендации. Элементы стоят по порядку, но нет вертикального выравнивания. Прошу ознакомиться с тем что имеем http://potolki05.ru/test.html#photos_sect
Дать элементам строчно-блочный тип
display:inline-block;
vetrical-align:middle;
Или через флоат
float:left;
Но если через флоат, не забыть после этих блоков поставить еще 1 блок
div.clear{
clear:both;
}
Вам скорее всего подойдет float
#prevProject
float:left;
#nextProject
float:right;
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
При верстке использовал skd-slider, работает хорошо, но когда открываю сайт на смартфоне, не могу нажимая на слайдер перемещаться по сайту, другие...
Есть страница сайта, на ней данные подгружаются динамически через AJAXКак сделать, чтобы при переходе по истории (кнопки браузера "Вперед"/"Назад")...