Tengo un problema en el que se corta el texto de este cuadro de entrada. He aumentado el alto y el ancho y sigue mostrando la misma cantidad de caracteres. También he usado page-break-after: always y el problema no se soluciona. Aquí está el código:
input[division]{ font-size: 13px; height: 70px; resize: none; text-align: center; page-break-after: always } <div><p><b><br>Division:</b><input id='transfer_out_division' type='text' value="EMD - AFC Program & Information Management" top required division></input></p></div>Me gustaría que el texto vaya a la siguiente línea una vez que llegue al final del cuadro de entrada. Estaba tratando de hacer que el cuadro de entrada tuviera al menos 3 líneas de largo. Encaja perfectamente con pero no quiero usar ese elemento ya que cuando voy a imprimir, imprime una línea más abajo y me resultó difícil arreglarlo. La entrada parece ser la forma más fácil de obtener las restricciones de impresión lo más consistentes posible.
Esto es lo que producen las propiedades de impresión cuando uso textarea: 
Me gustaría que esto esté en la misma línea por motivos de espacio. ¿Cómo arreglaría esto?
Como arriba... usa un área de texto
#textarea { display: flex; align-items: center; } #transfer_out_division { font-size: 13px; margin-left: 30px; } <div id="textarea"> <div><p> <b>Division:</b> </p></div> <textarea id='transfer_out_division' type='text' placeholder="EMD - AFC Program & Information Management" top required division></textarea> </div> Solo tendrá que jugar con esto. He cambiado el value por un placeholder de posición para que pueda ver el contenido.
Aunque no es ideal, agregaría min-width: a su CSS, obligando a la etiqueta de entrada a tener un ancho mínimo de su elección. Por ejemplo: min-width: 20%;
También puede hacer que la altura y el ancho sean iguales al contenido de ajuste