Div y alinear

[borjagat]

Hola
tenogo una pagina la cual tiene articulo y una imagen a la derecha.

el codigo es:

<div itemprop="articleBody">
<div style="width: 50%; float: left; padding-left: 10%;">
mi texto es este
</div>
</div>
<p><img style="width: 30%; float: right; margin: 0 5%;" src="/rootpath/templates/general/images/extranet/contacto.JPG" alt="" /></p> </div>



</div>
</div>
<div style="clear:both;">



Lo que quiero es que el texto y la imagen no este muy separados con resoluciones de pantallas muy grandes. si pongo text-align, consigo que no esten muy separados pero esta alineado a la derecha. Como lo puedo hacer? con un margin-right?

[MrGilbertMan]

yo te aconsejo que utilices alguna librería como bootstrap que tiene web responsibe,

tiene una opción que ensancha la imagen según la resolución de pantalla, además también puedes

decidir el ancho de un div según resolución entre otras muchas cosas.


Si quieres prescindir de esto,
crea un div con una anchura fija con px por ejemplo

[AngelKrak]

mira amigo dime si asi es como lo querias ;)

el de arriba es tu codigo original y el de abajo es el mio ;)
http://codepen.io/anon/pen/WQNpGW