[CSS di base] Come si scrive sulla stessa riga?

26-05-2007, 09.53.28

Salve a tutti!

Da qualche giorno stò studiando il CSS ma non riesco a capire come si fa a mettere sulla stessa riga più oggetti.

Ad esempio, come si traduce in css questo?

1) Canzone

magari con la scritte a sinistra e centrara in verticale rispetto all'immagine ( preferibilmente in fondo a destra )

Per la 1) vorrei non vorrei utilizzare le liste, ma una semplice classe col grassetto e 10px di grandezza.

**funcool** · 26-05-2007, 10.08.14

Basta che metti tutto di seguito senza andare a capo per non andare a capo.
Per allineare in verticale esiste vertical-align.

26-05-2007, 11.04.25

Originalmente inviato da funcool

Basta che metti tutto di seguito senza andare a capo per non andare a capo.
Per allineare in verticale esiste vertical-align.

il problema è che uso delle classi per comporre la stringa e sull'immagine c'è un link.
________________________________

es.:

<style type="text/css">
h1 {
font-weight: bold;
font-size: 10px;
}
</style>

<html>
<body>

<h1>1)</h1> Canzone <a href="indirizzo">IMMAGINE</a>

</body>
</html>

________________________________

Dopo l'inserimento di h1 va a capo. Anche dopo Canzone va a capo.
Alla fine ho questo risultato:

1)
Canzone
IMMAGINE

**funcool** · 26-05-2007, 11.09.26

h1 serve per scrivere il titolo di una pagina.

Modifica il CSS:

Codice:

.numero {
font-weight: bold;
font-size: 10px;
}

Scrivi il codice HTML così:

Codice HTML:

<div style="vertical-align:middle;"><span class="numero">1)</span> Canzone <a href="indirizzo">IMMAGINE</a></div>

26-05-2007, 11.17.44

grazie mille!

Discussione: [CSS di base] Come si scrive sulla stessa riga?

LinkBack

Strumenti discussione

Display

[CSS di base] Come si scrive sulla stessa riga?

Regole di scrittura