¿Cómo colocar múltiples campos de texto en la misma línea usando Struts2 sin usar theme = “simple”?

Quiero diseñar una página web que muestre la identificación de usuario y la contraseña en la misma línea usando struts2.

¿Cómo administrarlo sin usar theme='simple' ?

           

Código fuente de lo anterior:

      

De acuerdo con su HTML generado, puede aplicar la display:inline-block; reglas CSS display:inline-block; al

de tu mesa:

 input{width:100px;} /* needed only to fit in the "Run code snippet" box */ .wwFormTable tr { display: inline-block; } 
 

De forma predeterminada, Struts2 usa el tema xhtml , que ajusta los campos de entrada con el diseño de la tabla. Un diseño de tabla utiliza un posicionamiento único de sus elementos, utilizando filas y columnas. No puede mostrar dos filas en la misma línea.

Por otro lado, hay un tema css_xhtml que está usando

Diseño estándar basado en CSS de dos columnas, que se utiliza para las tags HTML Struts (formulario, campo de texto, seleccionar, etc.)

puede cambiar el estilo de los elementos para mostrarlos en línea. Si se generan divs para textfilds, puede usar un dysplay: inline-block estilo dysplay: inline-block

El valor del bloque en línea

Durante mucho tiempo, ha sido posible crear una cuadrícula de cuadros que llena el ancho del navegador y se ajusta muy bien (cuando se cambia el tamaño del navegador), mediante el uso de la propiedad float .

Sin embargo, el valor de inline-block de la propiedad de display hace aún más fácil.

los elementos de bloque en línea son como elementos en línea pero pueden tener ancho y alto.

El código: