Cómo dividir texto en 3 partes con separadores en un div

micka1007 · 31 Oct 2012

Hola como puedo maquetar el texto de esa manera dentro de un div

Es decir dividir el texto en 3 partes y que los separe una barra por cada parte. Igual que en la foto que adjunto.

Gracias por la ayuda :encouragement:

micka1007 · 31 Oct 2012

Ya esta ! me estaba complicando la vida

HTML:

#column1 {
    width:333px;
    height:300px;
    float:left;
}
#column2 {
    width:333px;
    height:300px;
    float:left;
}
#column3 {
    width:333px;
    height:300px;
    float:left;
}

ecoal95 · 31 Oct 2012

micka1007 dijo:
Ya esta ! me estaba complicando la vida

Te la sigues complicando 😉

HTML:

#column1, #column2, #column3 {
    width: 333px;
    height: 300px;
    float: left;
}

micka1007 · 31 Oct 2012

:encouragement::encouragement::encouragement::encouragement::encouragement::encouragement::encouragement::encouragement::encouragement:

MarioJPG · 15 Nov 2012

Aquí le agregue las lineas

Insertar CODE, HTML o PHP:

.columna1,.columna2,.columna3{
	width:200px;
	float:left;
	padding:50px 10px;
	}
.columna1{
	border-right:solid 1px;
	border-color:#999;
}
.columna3{
	border-left:solid 1px;
	border-color:#999;
}

Cómo dividir texto en 3 partes con separadores en un div

micka1007

micka1007

ecoal95

micka1007

MarioJPG

Temas similares