[CSS]Evitare la spaziatura verticale dei titoli

[Aki]

Ave populus
ho questo codice:

.data {
	color: black;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
}

.main_title {
	color: black;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

ma se nell'html faccio

<h5 class="data">Data</h5>
<h1 class="main_title">Titolo</h1>

mi vengono le due scritte distanziate da una riga,sapete come disabilitare questa spaziatura tra le linee???

[pierofix]

Basta agire sui margini; in questo caso occorre decidere se ridurre quello inferiore del primo elemento oppure quello superiore del secondo. Ti faccio un esempio con la prima soluzione:

.data {
   color:black;
   text-align:center;
   font-size:10px;
   font-weight:normal;
   margin-bottom:0;
}

[Aki]

Originariamente inviato da pierofix
Basta agire sui margini; in questo caso occorre decidere se ridurre quello inferiore del primo elemento oppure quello superiore del secondo. Ti faccio un esempio con la prima soluzione:

.data {
   color:black;
   text-align:center;
   font-size:10px;
   font-weight:normal;
   margin-bottom:0;
}

ho messo margin-bottom: 0; margin-top: 0; ma nada, c'è sempre quella spaziatura di una riga

[pierofix]

Mmm... :master:

Prova a dare margin-bottom:0 al primo elemento e margin-top:0 al secondo.

[Aki]

Originariamente inviato da pierofix
Mmm... :master:

Prova a dare margin-bottom:0 al primo elemento e margin-top:0 al secondo.

nono scusa, sbagliato io.
non so perchè ma riavviando apache è andato tutto a posto
grassie