ridurre spazio tra linea e testo

**Singfrido** · 15-09-2004, 19:17

Ho questa pagina isi:

codice:

<html>

<head>
	<link rel=stylesheet href="css.css"  type="text/css">
</head>

<body>

<p class="titolo">Prova</p>
<hr>


prova - prova - prova</p>
</body>

</html>

con i seguenti css esterni:

codice:

body    {
	font-family: verdana, arial;
	font-size: 0.8em;
	margin: 10%;
	}

p       {
	text-align: right;
	color: #6e736d;
	}

.titolo { 
	font-size: 2.5em;
	text-align: left;
	color: #99FF00;
	}

hr      {
	width: 100%;
	}

mi chiedevo come ridurre lo spazio fra il testo e la linea e come centrare verticalmente il tutto.

**deivnet** · 16-09-2004, 09:20

Modifica il CSS del body da

body {
font-family: verdana, arial;
font-size: 0.8em;
margin: 10%;
}

a

body {
font-family: verdana, arial;
font-size: 0.8em;
margin: 10%;
line-height : 2em;
text-align : center;
}

**Singfrido** · 16-09-2004, 18:30

Ciao,
ho fatto come hai detto ma non funziona.
Text-align: center piazza il testo al centro orizzontale non verticale, e line-height non va :/

**Singfrido** · 16-09-2004, 20:12

vi prego.
Non riesco a capire, devo racchiundere tutto in un contenitore?
ma come fare?

**WarriorXP** · 16-09-2004, 20:23

Ma non è che hai messo anche i suoi

Per l'allineamento verticale dovresti inserire vertical-align: middle; in un contenitore (anche nel body dovrebbe andare).

**Singfrido** · 16-09-2004, 20:40

Non ho messo le robe fra virgolette.
E non va manco con vertical-align: middle nel body.

Discussione: ridurre spazio tra linea e testo

Strumenti discussione

Ricerca discussione

Visualizza

piccolo aiuto.

Permessi di invio