Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 132
  • Last Modified:

Center Text in Div

I am sure there is a simple solution that I am missing, but I've stared at this too long and I can get it to work. You can view the active page at http://starofthesouth.org/. I am just trying to center the three links (redeem CE, attendee and exhibitor) on the page.

Code follows. Thanks in advance.

.home-page{
	float:left;
	width:100%;
	height:100%;
	background:url(images/background.jpg) top center no-repeat;
	background-size:100% 100%;
}

.home-contents-container{
	float:left;
	margin-left:2%;
	width:96%;
	height:100%;
	position:relative;
}

.contents-container{
	float:left;
	margin-left:2%;
	width:96%;
	position:relative;
}

.home-logo{
	float:left;
	width:100%;
	text-align:center;
	margin: 50px 0 5% 0;
}

.home-logo img{
	width:100%;
}

.home-center-body{
	width:100%;
    	margin: 0 auto!important;
	text-align:center!important;
}

.home-links {
	width: 100%;
	margin: 0 auto!important;
	text-align: center!important;
}

.home-center-body a{
	font-size:40px;
	color:#FFF;
	padding: 10px;
	border:1px solid #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-transform:uppercase;
	letter-spacing:4px;
	float: left;
	margin: 0 0 0 15px;
}

Open in new window


<div class="main-container">
	<div class="home-page">
    	<div class="home-contents-container">
            <div class="home-logo">
            	<a href="<?php echo site_url(); ?>">
                	<img src="<?php echo get_template_directory_uri(); ?>/images/logo.png"/> 
                </a>
            </div>
            
            <div class="home-center-body">

		<div class="home-links">

            	<?php
                $SQL = mysql_query("Select * from wp_posts where post_type = 'page' and post_parent = 0 and post_status = 'publish' order by menu_order ") or die(mysql_error());
				for ($i = 0; $i < mysql_num_rows($SQL); $i++){
				?>
                <a href="<?php echo get_permalink( mysql_result($SQL,$i,'ID') ); ?>">
                	<?php echo mysql_result($SQL,$i,'post_title');?>
                </a>
                <br/>
                <?php } ?>

		</div>

            </div>

Open in new window

0
43homes
Asked:
43homes
1 Solution
 
Marc AlonsoCommented:
Remove the break tags <br/> from the HTML file:


            <div class="home-links">

                  <?php
                $SQL = mysql_query("Select * from wp_posts where post_type = 'page' and post_parent = 0 and post_status = 'publish' order by menu_order ") or die(mysql_error());
                        for ($i = 0; $i < mysql_num_rows($SQL); $i++){
                        ?>
                <a href="<?php echo get_permalink( mysql_result($SQL,$i,'ID') ); ?>">
                      <?php echo mysql_result($SQL,$i,'post_title');?>
                </a>
             <br/>    ***remove this line***
                <?php } ?>

            </div>

            </div>



Then in your CSS file, remove the "float: left" tag:


.home-center-body a{
      font-size:40px;
      color:#FFF;
      padding: 10px;
      border:1px solid #fff;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      text-transform:uppercase;
      letter-spacing:4px;
      float: left;  ***remove this line***
      margin: 0 0 0 15px;
}
0
 
43homesAuthor Commented:
Ugh! I knew it was something simple like that. Thank you!!!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now