PROBLEMA Allineamento verticale del testo

Pubblicità
Stato
Discussione chiusa ad ulteriori risposte.

hddsfortuna

Utente Attivo
Messaggi
874
Reazioni
39
Punteggio
57
Salve,

ho creato una barra in html/css così:

barra.webp

Ora però il problema è l'allineamento del testo piccolo che si trova sul lato destro della barra, che viene allineato verticalmente in alto, ma mi serve l'allineamento centrale.

Come posso fare?

Grazie
 
Il codice:
HTML:
<nav>
<a href="/">Testo grande</a>
<a href="imp.php">Piccolo</a>
</nav>
CSS:
nav {
background: #0066FF linear-gradient(-30deg, #7DED1A, #0066FF);
}
nav a:first-child {
display: inline-block;
font: 28pt/150% ubuntu;
color: #FFFFFF;
text-decoration: none;
}
nav a:last-child {
display: inline-block;
font: 10pt/150% ubuntu;
color: #000000;
text-decoration: none;
}



Grazie
 
Prova così :

CSS:
nav {
background: #0066FF linear-gradient(-30deg, #7DED1A, #0066FF);
}
nav a:first-child {
display: inline-block;
font: 28pt/150% ubuntu;
color: #FFFFFF;
text-decoration: none;
}
nav a:last-child {
text-align: center;
display: inline-block;
font: 10pt/150% ubuntu;
color: #000000;
text-decoration: none;
}
 
Per un tag nav è buona norma usare le unordered list, inoltre ha chiesto l'allineamento verticale.

Una soluzione potrebbe essere:
HTML:
<nav>
    <ul>
        <li><a href="/">Testo grande</a></li>
        <li><a href="imp.php">Piccolo</a></li>
    </ul>
</nav>

CSS:
nav {
    background: #0066FF linear-gradient(-30deg, #7DED1A, #0066FF);
}

nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

nav ul li {
    display:table-cell;
    vertical-align: middle;
    width: 100%;
}

nav > ul > li:first-child > a {
    font: 28pt/150% ubuntu;
    color: #FFFFFF;
    text-decoration: none;
}  

nav > ul > li:last-child {
    text-align: right
}

nav > ul > li:last-child > a {
    font: 10pt/150% ubuntu;
    color: #000000;
    text-decoration: none;
}
 
Ho provato la soluzione di elvan2 e purtroppo non è cambiato niente.

Poi ho provato la soluzione di mursey e funziona.


Grazie per l'aiuto :brindiamo:
 
Bene .
E' lui quello più esperto ahah io ogni tanto passo di qua ma questo è il suo campo :asd:
Allora chiudo ciao
 
Stato
Discussione chiusa ad ulteriori risposte.
Pubblicità
Pubblicità
Indietro
Top