1 1 1 1 1 1 1 1 1 1 (0 Votes)

Esempio 46: usiamo 3 classi tutte collegate allo stesso elemento (div) per: centrare una intestazione (il suo contenitore) + centrare il testo + padding.  Risultato

<!DOCTYPE html>

<html lang="it">

<head>

<meta charset="UTF-8">

<title>Titolo del documento</title>

<style>

.contenitore {
background-color: lightgreen;
width: 70%;
height: 10%;
margin:auto;
}
.testo {
text-align: center;
font-size: 18pt;
}
.padding {
padding: 25px;
}

</style>

</head>

<body>

<div class="contenitore testo padding"> Guide Informatica Gratis è...<br/>

corso di HTML/CSS !!!

</div>



</body>

<!-- esempio realizzato o adattato per il corso gratuito Html/Css di https://www.guideinformaticagratis.it/ -->

</html>

Risultato  






  • Nessun commento trovato

Lascia i tuoi commenti

Posta commento come visitatore

0
I tuoi commenti sono soggetti a moderazione da parte degli amministratori.