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

M

micka1007

Gamma

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 31 Oct 2012

• #1

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:

 

M

micka1007

Gamma

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 31 Oct 2012

• #2

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;
}

 

Última edición: 31 Oct 2012

E

ecoal95

Gamma

Programador

• 31 Oct 2012

• #3

micka1007 dijo:

Ya esta ! me estaba complicando la vida

Hacer clic para expandir...

Te la sigues complicando 😉

HTML:

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

 

M

micka1007

Gamma

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 31 Oct 2012

• #4

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

 

MarioJPG

Beta

Programador

Verificación en dos pasos activada

Verificado por Whatsapp

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 15 Nov 2012

• #5

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;
}