Hvordan Juster en knapp med tekst i linje HTML

Bruke "div" HTML-koden, kan du justere hvilken som helst knapp eller et bilde med teksten plasseres på websidene. Dette gjør det mulig å bryte teksten rundt knappen uten å tvinge teksten som skal vises under knappen. Denne typen HTML programmering bruker stilark for å plassere teksten wrapper og sett inn-knappen i div tag.

Bruksanvisning

1 Høyreklikk på HTML-filen du vil redigere. Velg "Åpne med" i popup-menyalternativene. Dobbeltklikk på HTML-programmering editor du bruker til å opprette og redigere filer. Du kan også redigere HTML med Notepad hvis du ikke har en tredjeparts alternativ.

2 Bla ned til plasseringen av knappen. Skriv inn div tag kode rundt knappen tag. For eksempel inneholder følgende div tag på knappen som heter "MyButton":

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

3 Bruk "justere" eiendom for å justere knappens div med teksten. For eksempel, hvis du ønsker å justere på knappen til venstre for teksten, bruker du følgende kode:

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

4 Klikk på "File" menyen. Velg "Lagre". CSS-koden sparer til filen. For å teste endringene, dobbeltklikker du på filen på harddisken. Filen åpnes i nettleseren, slik at du kan se den nye tekstjustering.