cuando yo ago esto , ahi todo bien
margin: 10px 0px;
![Imagen Enviada](https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-ash3/1525480_192155897655259_1221144746_n.jpg)
pero al yo acer esto el margen derecho se mueve acia la derecha y no hace como aparece en la imagen de arriba q muestra los 2 margenes
margin: 0px 10px;
![Imagen Enviada](https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-prn2/q71/s720x720/1513996_192155904321925_1113684143_n.jpg)
me gustaria q quedara de esta manera
![Imagen Enviada](https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-prn2/1555356_192158650988317_2066874736_n.jpg)
aqui el codigo html
delphi
<!DOCTYPE html > <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width"/> <link href="/b/sty.css" rel="stylesheet" /> <title>Documento sin título</title> </head> <body> <section id="contenedor"> <header> <div class="encabezado"> <h1>Cosmetic<span>Fashion</span></h1> </div><!--FIN ENCABEZADO --> </header> <nav> </nav> <section> <section id="contenedor_contenido"> <article class="postt1"> <p> Html 5 es la nueva versión del lenguaje de marcas HTML (HyperText Markup Language), el núcleo de la Web. (Todavia no es definitivo). Es propuesto como siguiente estandar sucesor de HTML 4.01 y de XHTML 1.0 es una forma de reducir la cantidad de plugins (agregados) propietarios para aplicaciones y tecnologias RIA (Rich Internet Applications) tales como Adobe </p> </article> <article class="postt2"> <p> Html 5 es la nueva versión del lenguaje de marcas HTML (HyperText Markup Language), el núcleo de la Web. (Todavia no es definitivo). Es propuesto como siguiente estandar sucesor de HTML 4.01 y de XHTML 1.0 es una forma de reducir la cantidad de plugins (agregados) propietarios para aplicaciones y tecnologias RIA (Rich Internet Applications) tales como Adobe </p> </article> </section> <!--FIN SECTION CONTENEDOR_CONTENIDO--> </section> <!--FIN SECTION POST Y SIDEBAR--> <!--</section> -FIN CONTENEDOR-contenido --> </section> <!--FIN CONTENEDOR--> </body> </html>
aqui esta el codigo css
delphi
*{margin:0; padding:0; border:0;} article { /*float: left; */ float: right; width: 50%; } body { background: #C3E5F9; color: white; font-size: 16px; font-family:arial; text-shadow: 1px 1px 0 red; } #contenedor { background-color: #FFF; box-shadow: 0px 0px 15px #575757; margin: 0 auto; /*margin-bottom: 10px;*/ overflow:hidden; width: 1000px; } .container { margin: 0 auto; width: 100%; } .encabezado { background-image:url(/b/images/color.png); background-repeat:repeat-x; height:50px; margin-bottom:5px; width:100%; } section{ background: #12A89D; /*margin: 0 auto;*/ overflow: hidden; /*padding: 0 10px;*/ width:100%; } #contenedor_contenido { /*margin: 10px 0px;*/ padding: 0px 10px; } .postt1{ background: #B30F2A; } .postt2{ background: #1C4583; } @media screen and (max-width:1000px){ #contenedor ,img{ width:100%; } } @media screen and (max-width:1000px){ section{ /*margin: 0px; padding: 0px;*/ width:100%; } } @media screen and (max-width:700px){ article{ /*margin: 0px; padding: 0px;*/ width:100%; } }