переместить элемент вверх, не вызывая перекрытия?

Question

Мне нужно поднять .post_entry (справа) так, чтобы он был на уровне .post_info (слева). Когда я попытался сделать это, используя #main .post_entry p {margin-top: -82px}, я вызвал наложение изображений и текста. Как мне переместить элемент вверх, не вызывая перекрытия?

Спасибо.

Мой живой сайт- http://whskytngfxtrt.com

Answer 1

Вы создаете два абзаца внутри post_entry, один для изображения и один для текста. Вместо двух абзацев выберите один и поставьте разрыв <br /> между изображением и текстом. Это исправит это.

Вам все еще понадобится margin-top: -82px; для абзаца.

Я сделал два jsfiddle's. В приведенном ниже есть два абзаца, где текст скрывается за изображением.
Сломан jsFiddle

Второй ниже, имеет один абзац с разрывом строки между изображением и текстом ...
Рабочая jsFiddle

Answer 2

Почему бы просто:

#main .post_entry {margin-top: -82px}

???