Logo cannot be aligned properly

[newbieforlife]

I have been trying to adjust logo and header, but it changes in 5-6 hours. Here is the code, please check my sig for logo.

.logo {
background: #268cc5;
width: 77%;
height: 110px;
margin: auto auto;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
text-align: left;

[Tecca]

Are you trying to center it? If so, remove: text-align: left;

[newbieforlife]

Are you trying to center it? If so, remove: text-align: left;

Yes, I am trying to center it. I did remove it, nothing changed. Is there any way to center it?

[Tecca]

I'm still seeing it in your CSS. It will be centered once it's removed.

[newbieforlife]

I'm still seeing it in your CSS. It will be centered once it's removed.

Please check, I removed it again, it is not centered.

[Tecca]

Looks good now.

[Dominic]

try with a float:center;

[Tecca]

try with a float:center;

That isn't a correct property (there isn't a center float). His code already has margin: auto; - which is what is centering the logo right now.