Programación Web y Scripting > CSS / SASS / LESS
Empezando con CSS
(1/1)
kingsizen:
Hola amigos, les comento que hace poco empece con css y tengo algunas dudas.
mi idea es centrar dos divs dentro de un contenedor que queden los dos juntos uno a la izquierda y otro a la derecha
les dejo el codigo a ver que me dicen
--- Código: Text --- body { top:0; margin:0; padding:0px; font-family:Helvetica, Arial, sans-serif; font-size:62.5%; line-height:1.5; color:#5f6262; background:#f0f9fc;}#encabezado{background:#006600;border-bottom:medium #000000;position:relative;width:820px;} #container { position:relative; width:920px; margin:0 auto; padding:0px 40px; font-size:1.2em; background:#fff url(../images/bg.png) no-repeat -12px -141px;} #contenido { text-align:justify;margin:0 auto;background-color:#FFFFFF; border:double;border-color:#009933; padding:10px; width: 590px; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 16px; top: 176px; }#contenido2 { top:1000px; text-align:justify; margin:0 auto; background-color:#FFFFFF; border:double; border-color:#009933; padding:10px; width: 200px; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 16px; top: 122px; left: 626px;}#home{ background:#009900;}
y este es el codigo html
--- Código: Text ---<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>ejemplo</title> <link rel="stylesheet" type="text/css" href="style.css"> </head><body topmargin="0"> <div id="container"> <div id="home"><div id="encabezado"><h1> CABECERA EN FLASH</h1></div><h2>Segundo encabezado</h2><div id="contenido"> <p><strong>blablalalalblablalalalblablalalalblablalalalblablalalal</strong></p> <p><strong>blablalalal</strong><strong>blablalalal</strong><strong>blablalalal</strong><strong>blablalalal</strong><strong>blablalalal</strong><strong>blablalalal</strong></p> <p><strong>blablalalal</strong><strong>blablalalal</strong><strong>blablalalal</strong><strong>blablalalal</strong></p></div> <div id="contenido2"> <p><strong>Rblablalalalblablalalalblablala</strong></p> <p><strong>blablalalal</strong><strong>blablalalal</strong><strong>blablalalal</strong><strong>blablalalal</strong><strong>blablalalal</strong><strong>blablalalal</strong></p> <p><strong>blablalalal</strong><strong>blablalalal</strong><strong>blablalalal</strong><strong>blablalalal</strong></p> <p><br /> </p> </div> </div> <h2>Noticias</h2> </div> </body></html>
espero su ayuda.
muchas gracias
Navegación
Ir a la versión completa