Estoy usando primeng css y quiero que el botón y las entradas se alineen (finalicen) horizontalmente ingrese la descripción de la imagen aquí No quiero alinear las etiquetas con el botón

jsfiddle

<div class="ui-g ui-fluid dashboard">
    <div class="ui-g-12">
        <div class="ui-g-12 ui-md-2">
            <label for="year"> Year</label>
            <input type="text" name="year" >
        </div>
         <div class="ui-g-12 ui-md-2">
            <label for="month"> Month</label>
            <input type="text" name="month" >
        </div>
        <div class="ui-g-12 ui-md-1">
            <input type="button" value="Search" id="myButton">
        </div>
   </div>
</div> 
-2
Adem Aygun 23 oct. 2019 a las 11:41

1 respuesta

La mejor respuesta

Use la clase align-self-end (bootstrap 4 / flexbox) para alinear verticalmente el botón con la parte inferior de la columna.

<div class="form-group col-md-2 align-self-end"><button class="btn btn-primary" id="btn" name="btn" type="submit">Submit</button></div>

Visite también aquí para obtener más información.

También puedes usar align-self: flex-end;

Úselo en su compilador, no en Fiddle

1
Muhammad Addan Sarfraz 23 oct. 2019 a las 11:37