CSS - CSS3HTML - HTML5Sviluppo

Come centrare il testo di una MARQUEE verticalmente

Come centrare il testo di una MARQUEE verticalmente

 

L’elemento marquee (tradotto il tendone) è uno degli elementi più obsoleti (ma ancora funzionante) della programmazione HTML (funzionante anche in HTML5). Per centrare il testo di una marquee verticalmente dobbiamo sfruttare le DIV e un po’ di codice CSS. Procediamo:

<!DOCTYPE html>
<html>
<head>
<title>Land of World: Marquee</title>

<style>

.contenitore {
   height: 100vw;
   position: relative;
}

.verticale {
   margin: 0;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
}

marquee {
   width: 100vw;
}

</style>

</head>
<body>

   <div class="contenitore">
      <div class="verticale">
         <marquee>Land of World</marquee>
      </div>
   </div>

</body>
</html>
/ 5
Grazie per aver votato!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *