Testo senza div e testo con div sulla stessa linea

[mircov]

Salve ragazzi. Come si fa a far apparire sulla stessa riga questo testo?

Telefono Mobile <div style="font-size: 9px; margin: 0px;">(Campo opzionale)</div>
<input type="text" name="mobilephone" id="field" style="margin-top: 0px;" value="value">

Già che mi trovo come faccio a non far creare spazio tra il testo e la casella di input?
Ho fatto delle prove che vedete ma non funziona.
La casella cmq deve apparire sotto il testo.
Grazie per l'aiuto! Ciao!

[pierofix]

Il tag div è per definizione visualizzato come block, è per questo che va a capo.


Io lo sostituirei con un tag span. Comunque, se vuoi lasciare il div, nel css devi mettere

div {
   display: inline;
}

Se poi vuoi settare a 0 i margini dell'input

input {
   margin: 0;
}

[mircov]

Per il div volendolo sostituire con span devo scrivere in questo modo?:

<span style="font-size: 9px; margin: 0px;">(Campo opzionale)</span>


Per l'input invece ho già impostato margin: 0px ma non funziona!