Come allineare un pulsante con il testo in linea HTML

October 15

Utilizzando il tag HTML "div", è possibile allineare qualsiasi pulsante o immagine con il testo inserito nelle tue pagine web. Questo permette di avvolgere il testo attorno al pulsante senza forzare il testo da visualizzare sotto il pulsante. Questo tipo di programmazione HTML utilizza fogli di stile per posizionare l'involucro di testo e inserire il bottone nel tag div.

istruzione

1 Fare clic destro sul file HTML che si desidera modificare. Selezionare "Apri con" nelle opzioni del menu a comparsa. Fare doppio clic l'editor di programmazione HTML utilizzato per creare e modificare i file. È inoltre possibile modificare HTML con il Blocco note, se non si dispone di una soluzione di terze parti.

2 Scorrere verso il basso per la posizione del pulsante. Digita il codice del tag div che circonda il tag pulsante. Per esempio, il seguente tag div contiene il pulsante denominato "myButton":

<Div> <input type = "button" id = "myButton"> </ div>

3 Utilizzare la proprietà "align" per allineare div del pulsante con il testo. Per esempio, se si vuole allineare il pulsante a sinistra del testo, utilizzare il seguente codice:

<Div> <input type = "button" style = "text-align: right" id = "myButton"> </ div>

4 Fare clic sulla voce di menu "File". Selezionare "Salva". Il codice CSS salva al file. Per verificare le modifiche, fare doppio clic sul file sul disco rigido. Il file si apre nel browser Web, in modo da poter vedere il nuovo allineamento del testo.