La mejor forma de partir frases por la mitad horizontalmente ?

[amadeo123]

Veréis , quiero colocar una texto y que tanto la primera como la ultima linea queden partidas por la mitad.

Se os ocurre algo ?

[GemliosG]

pon una foto del original y una editada para saber lo que quieres hacer con más exactitud porque no se me viene nada a la mente

[amadeo123]

Bueno, aqui hay un pequeño y rápido prototipo hecho con el ps.

Nio tengais en cuenta las faltas ...

[pzin]

¿Y eso tiene algún sentido práctico?

Si no lo tiene, puedes usar dos pseudo elementos con fondo blanco, uno arriba y otro abajo.

[amadeo123]

Iniciado por pzin

¿Y eso tiene algún sentido práctico?

Si no lo tiene, puedes usar dos pseudo elementos con fondo blanco, uno arriba y otro abajo.

Practico practiquisimo, como que es para una web que estoy diseñando ahora.


Existe un pseudo elemento para tal caso ? He buscado pero no he encontrado nada.

[pzin]

No es para tal caso. De hecho tal caso no se contempla en ningún lugar.

Otra forma sería usando una posición relative y darle una altura fija al elemento donde tienes el texto:

Código CSS:

.texto_e_imagen {
  height: 200px;
  overflow-y: hidden;
}
 
.texto {
  position: relative;
  top: -10px;
}
 

Y lo de los pseudo elementos, es simplemente poner un elemento encima del texto. Ahí le das al contenedor una posición relativa y colocas los pseudo elementos con un fondo, una altura y demás encima con posiciones absolutas.

Sigo sin verle sentido práctico. Si el texto está para que se lea, ¿por qué cortarlo?

[amadeo123]

Iniciado por pzin

No es para tal caso. De hecho tal caso no se contempla en ningún lugar.

Otra forma sería usando una posición relative y darle una altura fija al elemento donde tienes el texto:

Código CSS:

.texto_e_imagen {
  height: 200px;
  overflow-y: hidden;
}
 
.texto {
  position: relative;
  top: -10px;
}
 

Y lo de los pseudo elementos, es simplemente poner un elemento encima del texto. Ahí le das al contenedor una posición relativa y colocas los pseudo elementos con un fondo, una altura y demás encima con posiciones absolutas.

Sigo sin verle sentido práctico. Si el texto está para que se lea, ¿por qué cortarlo?

Diseño ... para que quede bonico . Otra cosa es si una vez implementado queda bien o no.

Voy a probar lo que dices a ver que tal.

[pzin]

Iniciado por amadeo123

Diseño ... para que quede bonico . Otra cosa es si una vez implementado queda bien o no.

Antes que ser bonito el diseño debe de ser funcional. Y cortar el texto ya te digo que tiene de funcional lo que Facebook a nuestras vidas.