CODEWITHSUNDEEP
htmlfirefox
user3309511
user3309511

Reputation:

Align attribute not working in Mozilla Firefox

This is my jsfiddle

Here is the signup code, the code can be fully viewed in the jsfiddle

<li class="footer_row" align="center"><a href="" class="tsc_buttons2 grey" >sign up!</a></li>

All the Signup options is left aligned, in mozilla firefox , but it is perfect in the chrome browser in other few browsers, i just want to make it aligned centre in all the browsers, how can i make it ??

Upvotes: 0

Views: 730

Answers (5)

Preethi Queen
Preethi Queen

Reputation: 21

Use style="text-align:center" inside the List Tag

Upvotes: 0

angfreak
angfreak

Reputation: 1003

try this.

<li style="text-align:center" class="footer_row"><a class="tsc_buttons2 grey" href="">sign up!</a></li>

Upvotes: 1

Sulthan Allaudeen
Sulthan Allaudeen

Reputation: 11320

Use position as absolute , and left alignment as 30 % , it is followed below,

.tsc_buttons2.grey { 
position: absolute;
left: 30%;

Upvotes: 0

slash197
slash197

Reputation: 9034

you mixed the class name with attributes, should be:

<li class="footer_row align_center"><a href="" class="tsc_buttons2 grey" >sign up!</a></li>

Upvotes: 1

Krish
Krish

Reputation: 1894

Please give text-align:center in your div.tsc_pricingtable03 li.footer_row class.

div.tsc_pricingtable03 li.footer_row {
  background-color: #E2E2E2;
  border-bottom: 1px solid #CCCCCC;
  float: left;
  height: 40px;
  padding-bottom: 6px !important;
  padding-top: 14px !important;
  text-align: center /*changes here*/;
  width: 100%;
}

Upvotes: 2

Related Questions