Позиционирование div блоков

Zopazka
На сайте с 28.06.2016
Offline
71
512

Прошу помочь, не понимаю почему 2 div-a никак не хотят стоять рядом. Поиск пользовал, не помогает - везде один совет про float который и так использую, а второй блок все равно уходит вниз под первый (хоть и справа)

 <!--begin_main-->

<div id="main">
<div class="allin1">
текстаПример текстаПример текстаПример
текстаПример текстаПример текстаПример
текстаПример текстаПример текстаПример
текстаПример текстаПример текстаПример
текстаПример текстаПример текстаПример
текстаПример текстаПример текстаПример
текстаПример текстаПример текстаПример
текстаПример текстаПример текстаПример
текстаПример текстаПример текстаПример
</div>

<div class="allin2">
текстаПример текстаПример текстаПример
текстаПример текстаПример текстаПример
текстаПример текстаПример текстаПример
текстаПример текстаПример текстаПример
текстаПример текстаПример текстаПример
текстаПример текстаПример текстаПример
текстаПример текстаПример текстаПример
текстаПример текстаПример текстаПример
текстаПример текстаПример текстаПример
текстаПример текстаПример текстаПример
</div>
</div>
<!--end_main-->

	.allin1 {

width:350px;
border:0px;
float:left;
margin-left:20px;
}
.allin2 {
width:350px;
border:0px;
float:right;
margin-left:500px;
}
jpg block.jpg
ebitok
На сайте с 07.11.2011
Offline
112
#1

Какая цель?

Сделать 2 блока рядом стоящие?

https://jsfiddle.net/e71g68bs/

Напишите условие задачи, накидаю за 2 мин.

В вашем примере : уберите float:right

вариантов куча

Мой пример проще, FLEXBOX уже можно использовать

V9
На сайте с 25.08.2010
Offline
118
#2

Блок может не влазить из-за margin-left:500px;

Блоки могут не встать, если main меньше 700px

Блок можно заставить подняться вверх vertical-align: top; или top:0

Это все корявые конструкции, лучше задать display: например table-cell

EstranhoRu
На сайте с 01.04.2014
Offline
112
#3

сделай блок 100% ширины

внутрь два блока по 50% ширины

и при чем здесь оптимизация то

Продвижение сайтов любой тематики (http://estranho.ru). В поиске интересных проектов.
A5
На сайте с 02.06.2009
Offline
221
#4

margin-left:500px; убрать и все будет

WEB
На сайте с 25.01.2009
Offline
514
WEB
#5

Zopazka, зачем слева ещё и отступ делать? Сами подумайте — вы делаете обтекание с отступом.

Zopazka
На сайте с 28.06.2016
Offline
71
#6

Всем спасибо) в начале что то мудрил про отступ, потом забыл про него, невнимательность сыграла(

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий