Quiero obtener disminuir el espacio entre líneas entre los elementos de esta lista. Intenté line-height:1.5em;
pero eso no funcionó. En la captura de pantalla puedes ver cómo se ve y hay un poco más de espacio del que quiero. ¿Cómo puedo controlarlo?
Esto es lo que probé
<ul class="list-unstyled" style="line-height: 1.5em;">
<li>
<strong>
<h4 for="">Car Detail:</h4>
</strong>
</li>
<li>
Engine:
<mat-form-field>
<input type="number" matInput placeholder="">
</mat-form-field>
</li>
<li>
Torque:
<mat-form-field>
<input type="number" matInput placeholder="">
</mat-form-field>
</li>
<li>
Top Speed:
<mat-form-field>
<input type="number" matInput placeholder="">
</mat-form-field>
</li>
<li>
Target Speed:
<mat-form-field>
<input type="number" matInput placeholder="">
</mat-form-field>
</li>
<li>
Total Cost:
<mat-form-field>
<input type="number" matInput placeholder="">
</mat-form-field>
</li>
</ul>
3 respuestas
Agregue estilo a su etiqueta li como se muestra a continuación
ul li {
height: 30px;
}
Parece que hay poco espacio para disminuir el espacio entre el uso
li { line-height:1rem;}
O puedes usar li styling como
<li style="line-height:1rem" > </li>
Las etiquetas de los campos deben estar en el contenedor, esto puede darle más control sobre ellos, luego puede establecer un valor uniforme de margen derecho para crear el espaciado apropiado.
Preguntas relacionadas
Nuevas preguntas
html
HTML (HyperText Markup Language) es el lenguaje de marcado para crear páginas web y otra información que se mostrará en un navegador web. Las preguntas sobre HTML deben incluir un ejemplo mínimo reproducible y una idea de lo que está tratando de lograr. Esta etiqueta rara vez se usa sola y, a menudo, se combina con [CSS] y [javascript].