HTML - Crear barra lateral

Crear barra lateral

Publicado por Didac (3 intervenciones) el 09/10/2014 13:50:37

Hola! Alguien me podria ayudar a crear una barra lateral en HTML y CSS con margenes y texto al lado como en la imagen?
barra

Muchas gracias de antemano!

Valora esta pregunta

Responder

Val: 1.144

Publicado por xve (1543 intervenciones) el 09/10/2014 14:39:42

Hola Didac, parece ser un simple border-left de css con un padding-left, no?

Valora esta respuesta

Comentar

Publicado por Didac (3 intervenciones) el 09/10/2014 15:22:15

Uso el CSS así:

#cita {
border-left:8px #CCCCCC solid;
padding-left:30px;
}

Pero la barra aparece así, sin margen a la izquierda...

barra

Valora esta respuesta

Comentar

Val: 1.144

Publicado por xve (1543 intervenciones) el 09/10/2014 15:26:42

Prueba a cambia el padding-left por margin-left...

Valora esta respuesta

Comentar

Publicado por Didac (3 intervenciones) el 09/10/2014 15:35:07

Lo he conseguido usando margin-left y padding-left a la vez! Muchas gracias por la ayuda!

Valora esta respuesta

Comentar

Abrir Ventana + Evento

Realizar una bandera con codigo html