Hola Alvaro, viendo este video se me presentó una gran duda. Los diseñadores sabemos que por legibilidad, la forma correcta de colocar texto vertical, sería sólo writting-mode: vertical-lr, pero con sentido de lectura de abajo hacia arriba y no de arriba hacia abajo como viene por defecto. ¿sabés cómo podemos girar ese texto, para que quede correctamente? Desde ya muchas gracias
Hola Alvaro, viendo este video se me presentó una gran duda. Los diseñadores sabemos que por legibilidad, la forma correcta de colocar texto vertical, sería sólo writting-mode: vertical-lr, pero con sentido de lectura de abajo hacia arriba y no de arriba hacia abajo como viene por defecto. ¿sabés cómo podemos girar ese texto, para que quede correctamente? Desde ya muchas gracias
Hola Alvaro, viendo este video se me presentó una gran duda. Los diseñadores sabemos que por legibilidad, la forma correcta de colocar texto vertical, sería sólo writting-mode: vertical-lr, pero con sentido de lectura de abajo hacia arriba y no de arriba hacia abajo como viene por defecto. ¿sabés cómo podemos girar ese texto, para que quede correctamente? Desde ya muchas gracias
Hola Pamela, si quieres que esté hacia el otro lado puedes usar text transform y rotarlo 180 grados (o los grados que desees):
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
p{
writing-mode: vertical-lr;
transform: rotate(180deg);
}
</style>
</head>
<body>
<p>Hello world</p>
</body>
</html>
lenguaje
Hola Pamela, si quieres que esté hacia el otro lado puedes usar text transform y rotarlo 180 grados (o los grados que desees):
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
p{
writing-mode: vertical-lr;
transform: rotate(180deg);
}
</style>
</head>
<body>
<p>Hello world</p>
</body>
</html>
lenguaje
Hola Pamela, si quieres que esté hacia el otro lado puedes usar text transform y rotarlo 180 grados (o los grados que desees):
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
p{
writing-mode: vertical-lr;
transform: rotate(180deg);
}
</style>
</head>
<body>
<p>Hello world</p>
</body>
</html>
lenguaje