0

Всем привет. не могу добиться, чтобы div отображался как блочный эелемент.

<div  style="display:block;">
                <div style="float:left">
                    <img src="/public/content/2.jpg" alt="dddd" class="preview">
                </div>
                <div  style=" float:left; margin: 30px;">
                    ффффф<br/>
                    ыыыыыыы
                </div>
            </div>
<div style="display:block;">
                <div style="float:left">
                    <img src="/public/content/2.jpg" alt="dddd" class="preview">
                </div>
                <div  style=" float:left; margin: 30px;">
                    рррр<br/>
                    фффффф
                </div>
            </div>

Проблема в том, что <div style="display:block;"> отображаются в строку. Как заставить отображаться их как блочный элемент страницы?

Если же у первого блока выставить <div style="display:inline-block;">, то все отображается как и задумано.

1 ответ 1

1

сделайте

<div style="display:block;clear: both;">

то что оно блок, еще само по себе не отменяет float :left

0

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.