Cómo alinear un botón con el texto en línea HTML

Usando la etiqueta HTML "div", puede alinear cualquier botón o imagen con el texto colocado en sus páginas Web. Esto le permite ajustar el texto alrededor del botón sin forzar el texto que se mostrará debajo del botón. Este tipo de programación HTML utiliza hojas de estilo para colocar el envoltorio de texto e insertar el botón de la etiqueta div.

Instrucciones

1 Haga clic en el archivo HTML que desea editar. Seleccione "Abrir con" en las opciones del menú emergente. Haga doble clic en el editor de programación HTML que se utiliza para crear y editar sus archivos. También puede editar HTML con el Bloc de notas, si usted no tiene una opción de terceros.

2 Desplázate hasta la ubicación de su botón. Escriba el código de la etiqueta div que rodea la etiqueta de botón. Por ejemplo, la siguiente etiqueta div contiene el botón denominado "myButton":

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

3 Utilice la propiedad "align" para alinear div del botón con el texto. Por ejemplo, si desea alinear el botón a la izquierda del texto, utilice el siguiente código:

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

4 Haga clic en la opción de menú "Archivo". Seleccione "Guardar". El código CSS guarda en el archivo. Para probar los cambios, haga doble clic en el archivo en el disco duro. El archivo se abre en el navegador Web, por lo que se puede ver la nueva alineación del texto.