Jump to content

How to place a class in the center of page


newcoder1010
 Share

Recommended Posts

Hi,

 

I have this html code:

<div class="Very-Top1  ">
       <div class="region region-main-verytop1">
             <section id="block-block-3" class="block block-block col-sm-5  logo col-md-6  hidden-xs   hidden-sm clearfix">
                   <a class="logo" href="/shalomhomesolutions" title="Home"> <img src="SoluTions_logo.png" alt="Home">      </a>

             </section>

             <section id="block-block-38" class="block block-block col-md-3  hidden-xs  col-sm-3 hidden-sm clearfix">
                   <p>571 / 282 - 5793</p>
            </section>

           <section id="block-block-5" class="block block-block col-md-2 contact hidden-xs  col-sm-3 hidden-sm clearfix">
                   <p><a href="?q=node/123"> <img src="sites/default/files/free%20estimate2.jpg"></a></p>
           </section>
         </div>
</div>

CSS:

 

.Very-Top1 {    
width: 70%;   
background-image:url("contractor.png");
border-top: 5px solid #1414F5;    top: 0px;    position: absolute;    margin-left: 25%;
margin-left:auto and margin-right:auto
}

I am trying to place the very top1 class in the center. I used margin-left:auto and margin-right:auto but it is not placing the very-top1 class in the center. Any help please?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...