Как сделать изображение полной шириной внутри абзаца, который составляет 70% (текст)

Получил эту маленькую загадку:
Как сделать изображение внутри the_content () полной шириной, если оно находится внутри абзаца контента, который составляет 70% width .
Я смотрю вокруг, и я, кажется, не нахожу ответа.
Я попытался сделать img абсолютным позиционировать right:0 left:0 , но я не могу его очистить, а следующий абзац под ним, так как вы не можете очистить элемент с абсолютным позиционированием, как вы делаете, с плавающими элементами.
Я не исключаю решение JS, но что бы это ни было, мне нужно малое направление, потому что в настоящий момент я очень потерян.

Solutions Collecting From Web of "Как сделать изображение полной шириной внутри абзаца, который составляет 70% (текст)"

Решено, JS с jQuery width (), removeAttr (), чтобы избежать ширины и высоты строки wordpress. Также отрицательные поля.

  var anchoArticulo = $('article.single-post').width(); $('article.single-post div.single-post img.ancho_completo') .removeAttr('width height') .css('margin-left' , -(winWidth - anchoArticulo)/2) .css('width' , winWidth); 

Класс ancho_completo добавляется в панель инструментов к изображению.