Ver Mensaje Individual
  #4 (permalink)  
Antiguo 17/01/2016, 11:54
Avatar de g3kdigital
g3kdigital
 
Fecha de Ingreso: noviembre-2013
Ubicación: En mi apartamento en bogotá
Mensajes: 208
Antigüedad: 11 años
Puntos: 39
Respuesta: CSS problema interlineado

Te falto colocar el código html, porque solo con css es muy difícil saber donde esta el error, por eso te decía que lo mejor es que hicieras un pen como este:

http://codepen.io/g3kdigital/pen/jWGJVw?editors=110

Trate de replicar el html para lograr el mismo efecto que muestras en la imagen y lo que hice fue algo así:

Código HTML:
Ver original
  1. <p>texto 1</p>
  2. <br>
  3. <p>texto 2</p>

y me toco añadir un ancho fijo de 550px para que se cortara el texto donde decías.

Pero en fin, lo 1ero: line-height es el que esta mal, normalmente (en párrafos) este debe ser mayor al tamaño de fuente del párrafo, lo normal sería: Font-size: X & Line-Height: 1.2X, ejemplo:

Código CSS:
Ver original
  1. font-size: 10 px;
  2. line-height: 12px;
  3.  
  4. /*Aunque a mi me gusta usar em porque facilita la conversión*/
  5.  
  6. font-size: 20px;
  7. line-height: 1.2em; /*equivale a 24px*/

Pero no se sí te funcione porque no colocaste el html y estoy a ciegas tratando de reproducir tu error, en fin, espero haberte ayudado.
__________________
Puedes ser el tipo de persona que se amarga por lo inevitable o aceptar el reto de superarse siempre e ir a la par con el progreso.

WEB: G3K.co | codepen.io/g3kdigital