Ayuda con un poco de css(solucionado)

[01munrra]

Saludos!!

Amigos les comento, estoy haciendo una aplicacion, y estoy con unos cuadros de texto, fijense en la siguiente imagen:



y pues lo que quiero es aplicarles propiedades de css, de modo que quede bien formado, con sus medidas entre cada box, ahora fijense, cuando le ingreso mas texto se desordena completamente, miren la siguiente imagen:



que puedo hacer, que propiedades de css uso.... aqui les dejo el css que estoy aplicando:

Código (php) [Seleccionar] Expandir


.opciones{  
margin-top: 2em;
   margin-bottom: 5em;
   margin-left: 1em;
   margin-right: 5em;
   padding: 5px;  
   font-size: 15px;    
   text-decoration: none;
   overflow: scroll;
   width: 5%;
   height: 100px;
   
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;

   outline: none;  
background-color: white;
   background: -moz-linear-gradient(#bcbcbe,  #ffffff);  /*Degradado*/
   -webkit-border-radius: 3px;  
   -moz-border-radius: 3px;  
   border-radius: 3px;  
   border: 1px solid #b6c3f8;  /*Color del borde del box*/
   -webkit-box-shadow: 1px 1px 0px #5370e1;  /*Sobra del Box para firefox*/
   -moz-box-shadow: 1px 1px 0px #5370e1;  /*Sobra del Box para chrone, safari*/
   box-shadow:  1px 1px 0px #5370e1;  /*Sobra del Box*/
}


Gracias!!!

[itzg3]

Hola viendo la situacion yo ordenaria cada opcion dentro de un tag como por ejemplo:
<p></p> o <span></span> o encerrarlos en dos bloques de lista con su respectivo link en fin y luego le das etilo a cada uno respecto al lugar donde se encuentren.

[01munrra]

itzg3, me funciona,;!!!!! tan sencilla y eficaz tu respuesta.... Gracias!!!!