Quiero alinear elementos horizontalmente sin usar flex. En el siguiente ejemplo, quiero que la etiqueta, la entrada y el intervalo se alineen horizontalmente. Actualmente display:flex, que está allí, funciona bien, pero quiero sin usar flex
<div class="input-group" style="display: flex; align-items: center;"> <label style="width: 7rem; display: inline-block;"> <span class="control-label" style="color: rgb(64, 64, 64); font-family: Arial; font-size: 50px!important ;font-size: 15px; line-height: 1.5;">Email:</span> <span class="mandatory">*</span> <small class="smallExplain"></small> </label> <input class="form-control" type="email" name="emailId" placeholder="Email" required="" style="color: rgb(100, 96, 96); font-family: Arial; margin-bottom: 0px; width: 100%; padding: 0.375rem 0.75rem; line-height: 1.5; background-color: rgb(255, 255, 255); border: 3px solid rgb(0,0,0); border-radius:0.7rem !important; border-radius: 0.25rem;"> </div>puede agregar margin-right: auto y margin-left: auto css manualmente en su entrada y etiqueta. Por ejemplo:
style.css
label { margin-right: auto; margin-left: auto; } input { margin-right: auto; margin-left: auto; }déjame saber si funciona.
.input-group{ margin: "auto";}Agregar margen: el auto puede centrar el div sin usar flexbox.