Search code examples
htmlcssmaterialize

Button align buttom in materialize

I am trying to bottom align a materialize CSS button.

Please see my current situation below:-

enter image description here

My HTML form button looks like this:-

<div class="col s1">
<a id="btn" style="vertical-align: bottom; display: inline-block; position: bottom;" class="btn waves-effect waves-light blue-grey darken-3">Submit</a>
</div>

what should I do to bottom align it in the same row?

Solution

  • Use this :

    #element {
position: absolute;
top: 3%;}

    test and adjust to by yourself