-1

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?

Abolfazl Panbehkar
  • 632
  • 2
  • 6
  • 20
Mask
  • 503
  • 4
  • 14
  • just fyi, _position: bottom_ is invalid style – Tejeshree Jul 25 '20 at 06:01
  • 2
    We need more codes, sometimes another elements tries to break something or they're the problem solve so give us more codes please and check this question please maybe helps you: https://stackoverflow.com/questions/585945/how-to-align-content-of-a-div-to-the-bottom – SoliMoli Jul 25 '20 at 06:06

1 Answers1

0

Use this :

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

test and adjust to by yourself

Bramhesh Srivastava
  • 26
  • 4