[HTML] consiglio su label e checkbox riguardo l'allineamento

Discussione in 'HTML e CSS' iniziata da mirkoBesagnum, 22 Maggio 2019.

Tag (etichette):
  1. mirkoBesagnum

    mirkoBesagnum Nuovo Utente

    Registrato:
    22 Maggio 2019
    Messaggi:
    2
    Mi Piace Ricevuti:
    0
    Punteggio:
    1
    Sesso:
    Maschio
    Buon giorno a tutti, spero di scrivere nella sezione giusta in caso ditemi dove scrivere (preciso è il mio primo post).
    detto ciò la mia domanda è la seguente:
    ho questo codice:
    Codice:
    <!DOCTYPE html>
    <html lang="it">
    
    <head>
    <meta charset="UTF-8">
    <title>PRIMA PROVA</title>
    <style>
    #check{
    width: 20px;
    height: 20px;
    }
    </style>
    </head>
    
    
    <body>
    <div>
    <form>
    <label class="titoloNormale" for="check">Spunta qui:</label>
    
    <input type="checkbox" id="check" value="something" class="casellaSpunta" />
    
    
    </form>
    </div>
    </body>
    
    </html>
    se eseguo vedo la label e la checkbox che sono leggermente sfalsati, vorrei che fossero allineati al centro come posso spiegare.... vorrei che il centro della checkbox stesse allineata al centro della label. Spero di essermi spiegato, grazie mille.
     
    Ultima modifica: 23 Maggio 2019
  2. Max 1

    Max 1 Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    29 Febbraio 2012
    Messaggi:
    3.768
    Mi Piace Ricevuti:
    283
    Punteggio:
    83
    Sesso:
    Maschio
    Codice:
    <!DOCTYPE html>
    <html lang="it">
    
    <head>
    <meta charset="UTF-8">
    <title>PRIMA PROVA</title>
    
    
    </head>
    
    <body>
    <div>
    <form>
    <label class="titoloNormale">Fumo</label>
    
    <input type="checkbox" id="fumoSigarette" value="something" class="casellaSpunta" />
    
    </form>
    </div>
    </body>
    
    </html>
    
    [MOD]
    Da regolamento del forum, come tutti noi sei tenuto ad usare il tag code.gif quando posti del codice, oppure la funzione codice dalla barra degli strumenti
    box inserisci 2.png.JPG
    Inoltre ti prego di leggere attentamente il regolamento generale del forum e quello di sezione dove posti
    Grazie
    Per questa volta te lo sistemo io ma mi raccomando per il futuro
     
  3. mirkoBesagnum

    mirkoBesagnum Nuovo Utente

    Registrato:
    22 Maggio 2019
    Messaggi:
    2
    Mi Piace Ricevuti:
    0
    Punteggio:
    1
    Sesso:
    Maschio
    scusa, grazie della dritta. comunque ho risolto con un :
    Codice:
    style = "
    position: relative;
    top: 5px;
    "
    
     
Sto caricando...

Condividi questa Pagina