codice <hr> funziona in parte

[gio4444]

Ciao,
Help (la lente per la ricerca nel Forum non funziona):
inserendo il codice <hr>, o anche <hr/>
mi appare una linea grigia (colore totalmente avulso dal resto del sito) alta 1 pt,
se le dimensioni dei font (date con <div>) sono più grandi diventa una "greca" (in immagine)
hr.png
Riesco a modificare solo l'attributo width, mentre size e color non cambiano nulla.
Ho cercato nel template del sito se ci fosse un "blocco" ma non trovo nulla a riguardo.
Accade sia se uso Chrome che Firefox che il cll, per cui non credo dipenda dal browser.
Grazie anticipato a chi riesce a darmi un suggerimento.

[Vincent.Zeno]

HR ha un corpo e un bordo.
il corpo si colora con "background-color", in bordo con "border-color"
con "size" vorresti stabilire l'altezza? la puoi settare con "height".
qui un esempio esasperato:

hr {
    height:10px;
    border:10px solid gray; 
    border-radius: 5px; 
    color:gray; 
    background-color:red;
}

[gio4444]

HR ha un corpo e un bordo.
il corpo si colora con "background-color", in bordo con "border-color"
con "size" vorresti stabilire l'altezza? la puoi settare con "height".
qui un esempio esasperato:

hr {
    height:10px;
    border:10px solid gray; 
    border-radius: 5px; 
    color:gray; 
    background-color:red;
}

Intanto GRAZIE per l'interessamento.
Inserendo quanto mi suggerisci mi appare questo:hr2.png
cio� il solo bordo grigio senza nessun "background-color:red"
Il solo <hr> inserito in una pagina html non dovrebbe creare comunque una linea di separazione orrizzontale poi regolata in altezza (spessore) con size e colorata con color? (cos� trovo scritto un po' dappertutto)

[Vincent.Zeno]

l'altezza la regoli con height, non con size che regola altro.

ad oggi tutti i browser supportano le decorazioni anche per HR.

tu che cosa "hai inserito", e dove?

[gio4444]

l'altezza la regoli con height, non con size che regola altro.

ad oggi tutti i browser supportano le decorazioni anche per HR.

tu che cosa "hai inserito", e dove?

ho fatto copia/incolla di quello che hai scritto tu fra i CSS del template e mi ritorna l'immagine,
poi, per curiosità, ho provato ad inserire in una pagina come html (non con{} ma con < > e con " ") ma non accade nulla

[Vincent.Zeno]

non conoscendo il template non posso esprimermi, non posso avere idea se ci sono regole di reset.
e nemmeno so "dove" hai inserito (forse è un punto non utile?).
in ogni caso svuota cache del browser.

poi, per curiosità, ho provato ad inserire in una pagina come html (non con{} ma con < > e con " ") ma non accade nulla

ho notato che ad una prima esecuzione potrebbe non funzionare correttamente,
ad esempio da me ritarda qualche istante alla prima esecuzione.
in ogni caso ho notato un problema coi caratteri di tabulazione, se riportati col copia incolla, che può invalidare il codice scritto.
fai una prova scrivendo tu invece che incollare.