Удалить пустое пространство вокруг абсолютного положения div

Question

Я вставил div после второго абзаца в сообщение Wordpress, но я хотел бы удалить пустое пространство с правой стороны, которое видно на картинке. Как мне это сделать?

Код для DIV является

max-width: 350px; 
position: relative; 
left: -100px; 
float: left; 
margin: 30px 0; 

Answer 1

Не используйте position: relative; left: 100px; комбо для этого эффекта. Позиционный относительный сохранит пространство в DOM, где элемент был изначально. Вместо этого используйте отрицательный правый запас. Это позволит ему констатировать право элемента свернуть влево.

max-width: 350px; 
float: left; 
margin: 30px 0 30px -100px; /* maybe change this to 
           30px 15px 30px -100px 
           just to add a little 
           spacing. */ 

Вот краткий демо: http://jsfiddle.net/Lm0oyebx/