Здравствуйте. Имеется интересное задание.
<div class="slider">
<div class="1s">1st slide</div>
<div class="2s">2nd slide</div>
<div class="3s">3d slide</div>
</div>
CSS:
.1s {
float: left;
}
.2s {
margin: 0 auto;
}
.3s {
float: right;
}
.slider div {
width: 200px;
}
Суть проблемы: 1й div выравнивать по левой стороне, 3й - по правой, а центральный по центру. Текст в каждом блоке выравнивается по левой стороне. Центральный блок имеет минимальный отступ 150 пикселей от обоих блоков.
У меня получается в этом способе, что 3 слайд сползает вниз, не могу придумать, как сделать его inline