Salve a tutti!
Devo posizionare in una pagina HTML un elemento H1 e uno H2 sulla stessa linea.
Da css ho fatto:codice:<div id="titolo"> <h1>Titolo Grande</h1> <h2>Sottotitolo</h2> </div>
Il problema è che le scritte sono allineate sul bordo superiore. Io vorrei che fossero allineate sul bordo inferiore. Come faccio?codice:#titolo h1, h2 { float: left; }
Grazie a tutti coloro che risponderanno
Alefux
Non ho capito bene, rispetto a che cosa devono essere allineat in basso, io l'ho interpretato in questo modo:
Se non è quello che volevi, cerca di spiegarti meglio!codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Documento senza titolo</title> <style type="text/css"> <!-- #titolo h1 { float: left; } #titolo h2 { float: left; line-height: 48px; } --> </style> </head> <body> <div id="titolo"> <h1>Titolo Grande</h1> <h2>Sottotitolo</h2> </div> <div style="clear:both"></div> </body> </html>
Deve venire fuori una cosa come se scrivessi prima una cosa con un carattere più grande (H1) poi uno più piccolo (H2) in modo che stiano sulla stessa riga. Nel tuo esempio non sono allineati... Vorrei un metodo "universale", senza provare e riprovare a cambiare tutti i numeri dei pixels.
e poicodice:<h1>Varie cose <span>Varie cose</span></h1>
codice:h1 span { font-size: 0.7em; }
Perchè non sono allineati? Invece lo sono come vedi dall'immagine!
Che tu cerca un'altro metodo va benissimo, anche se io non credo ce ne sia, perchè le dimensioni dei due testi hanno un'altezza di riga diversa, pertanto se non si adatta la riga più piccola alla più grande non saranno mai allineati
Permessi di invio
Rispondi quotando