Linee-Blocchi in css

[Mister]

sto cercando di creare delle semplici linee-blocchi in css ma ho problemi con l'altezza...

.linea {
background: #000;
display: block;
width: 240px;
height: 2px;
}

Funziona tutto quando vado a richiamarlo con:
<div class="linea"></div>
ma l'altezza non risulta di 2px...

Mi legge correttamente height solo se metto un valore superiore ai 20px..

Come posso impostare l'altezza?
Grazie

[andrea.paiola]

ma a che ti servono? non ti posso aiutare se non conosco il contesto...

[Mister]

Originariamente inviato da andrea.paiola
ma a che ti servono? non ti posso aiutare se non conosco il contesto...

Prendiamo l'esempio di questo forum...

Voglio creare una banda simile a quella che vedi sotto
dove si legge:
Tutte le ore sono con fuso orario CET. Ora sono le 10:45.
La banda si crea, ma l'altezza parte dai 20px e non riesco ad impostare un valore più basso.

[andrea.paiola]

ma quello è uno sfondo di un div o di un paragrafo (se ci vuoi mettere dentro del testo diviso in più paragrafi) che sono già elementi di blocco nonhai bisogno del display:block
per le linne di testo c'è line-height prova così:

.linea {
background-color: #000;
width: 240px;
line-height: 2px;
height: 2px;
}

tutto questo però non va bene per altro puoi usarlo solo con testo e immagini
se vuoi "dividere graficamente" delle aree di pagina ci sono bordi, padding e margini...
e i nomi di classi e id andrebbero riferiti ai contenuti non alla grafica