Tenemos un problema con las imágenes, queremos...

Tenemos un problema con las imágenes, queremos que las imagenes tengan un ancho completo mientras que el ancho del texto sea menor.

El problema es que tenemos la siguiente estructura:

<articulo>
<p> texto </p>
<p> texto </p>
<p><span><img...><(span></p>
<p> texto </p>
<p><span><img...><(span></p>
<p> texto </p>
<p> texto </p>
</articulo>

Donde tenemos un ancho completo de 1140px y necesitamos que los p tengan un ancho menor y que los span tengan ancho completo.

El problema es que si intentamos ponerle un ancho menor a los

nos lo aplica también a los span contenidos por p

<style type="text/css">
.articulo p {padding-left:250px;padding-right:250px;}
.articulo p span {padding-left:0px;padding-right:0px;}
</style>

Se nos complica cambiar la estructura del html, no podemos hacerlo por estilos.