El atributo de alineación HTML <input> se usa con <input type=”image”> para establecer la alineación horizontal de la imagen. No es compatible con HTML 5.
Sintaxis:
<input align="left|right|middle|top|bottom">
Valores de atributos:
- izquierda: Establece la alineación de la imagen a la izquierda. es un valor predeterminado.
- right: Establece la alineación de la imagen a la derecha.
- medio: Establece la alineación de la imagen al medio.
- top: Establece la alineación de la imagen en la parte superior.
- bottom: Establece la alineación de la imagen hacia abajo.
Ejemplo 1:
<!DOCTYPE html> <html> <head> <title> HTML input align Attribute </title> </head> <body> <h1 style="color:green;">GeeksforGeeks</h1> <h3>HTML input align Attribute</h3> <input type="image" src= "https://media.geeksforgeeks.org/wp-content/uploads/20190506164011/logo3.png" alt="GeeksforGeeks logo" align="right"> </body> </html>
Producción:
Ejemplo 2:
<!DOCTYPE html> <html> <head> <title> HTML input align Attribute </title> </head> <body> <center> <h1 style="color:green;">GeeksforGeeks</h1> <h3>HTML input align Attribute</h3> </center> <div> Email_id: <!--Here type="text" align will not work--> <input type="text" alt="mail_id" align="right"> <input type="image" src= "https://media.geeksforgeeks.org/wp-content/uploads/20190506164011/logo3.png" alt="GeeksforGeeks" align="right"> </div> </body> </html>
Salida:
Nota: Dado que <input type=”image”> no es compatible con HTML5, puede usar CSS allí en lugar de este atributo. Sintaxis para CSS <input type=”image” style=”float:right”> .
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Firefox
- Safari
- Ópera