Menu icon Foundation
How to center search button?

Hi,
please can anybody help me with this?

I need to center search button for all screens.
Now I have this (screenshot1). Search button should be centered (screenshot2).
And for mobile search button also should be centered (screenshot3).
I use Foundation 5 and usual searchform where my button is .button tiny radius.

I would be grateful for any help!

Anna

1

2

3

<input type="submit" id="searchsubmit" class="button tiny radius">
            

         

buttoncenter

Hi,
please can anybody help me with this?

I need to center search button for all screens.
Now I have this (screenshot1). Search button should be centered (screenshot2).
And for mobile search button also should be centered (screenshot3).
I use Foundation 5 and usual searchform where my button is .button tiny radius.

I would be grateful for any help!

Anna

1

2

3

<input type="submit" id="searchsubmit" class="button tiny radius">
            

         
Anna Slavina over 5 years ago

I found solution :)

.searchbutton{
  display: inline-block;
}