Two buttons in center horizontally

How to align two buttons in the middle of page horizontally? I know its simple but everything that works for me in normal CSS doesn’t work in Ionic.

Thats strange that CSS doesn’t work for you. How do you set the classes in HTML and CSS ?

I am trying to use margin-left: X% but it works differently on different resolutions

I just found a simple code wich should work.


<div class="hbuttons">
<a href="">Home </a> <a href="">Submit </a> <a href="">Resources </a> <a href="">Contact </a>
<div style="clear: left;"></div>


.hbuttons a{
display: block;
text-decoration: none;
font: bold 13px Arial;
color: black;
width: 78px;
height: 23px;
float: left;
display: inline;
margin-right: 8px;
background-repeat: no-repeat;
padding-top: 4px;

.hbuttons a:hover{

Try it out :smile_cat:

this isn’t working for me

That is strange it works for me, are you sure that you installed all your components the right way ?

Whats your Ionic info ?

Really weird, now it works with just the: text-align: center; in container class, maybe there was a problem with CSS reloading on save