Jump to content

How to place a class in the center of page


Recommended Posts



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 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 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>



.Very-Top1 {    
width: 70%;   
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

  • Create New...