Hallo,

Ik probeer de volgende tekst op mijn website te centreren.

"

Goedkoop drukwerk bestellen? Visitekaartjes, flyers of misschien een magneetplaat laten drukken? We kunnen het allemaal voor je realiseren. Bekijk nu de

webshop

voor het volledige assortiment!

"

Het p element krijg ik niet gecentreerd iemand die me kan helpen?

De code:

PHP Code:

<section class="promoBanner">            <p><?php echo stripslashes(get_option('tk_promo_middle', $text_promo)); ?></p>                        <?php if(!is_user_logged_in() && get_option('users_can_register') && get_option('require_register')): ?>            <div class="signUp">                <a href="<?php echo site_url('wp-login.php?action=register', 'login'); ?>" title="<?php _e('Sign Up', 'tokokoo'); ?>" class="aOrange"><?php _e('Sign Up', 'tokokoo'); ?></a>            </div>                        <?php endif; ?>        </section>

De CSS:

Code:

.promoBanner {  width: 984px;
  margin: 0 auto;
  zoom: 1;
}
.promoBanner:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.promoBanner:before {
  content: "";
  display: table;
}
.promoBanner p {
  display: inline;
  float: center;
  margin-right: 24px;
  width: 858px;
}
* html .promoBanner p {
  overflow-x: hidden;
}
.promoBanner .signUp {
  display: inline;
  float: left;
  margin-right: 0;
  width: 102px;
  margin-top: 10px;
}
* html .promoBanner .signUp {
  overflow-x: hidden;
}

Heel erg bedankt!

Style.css regel 249:
display: block;

Style.css regel 252:
width: 100%;

Gelukt! Heel erg bedankt!

Origineel gepost door Jordy van der meulen

Gelukt! Heel erg bedankt!

Kleine moeite :-) Als je meer ruimte wilt aan de zijkanten kun je padding: 0px 5%; toevoegen, en dat percentage (keer 2) afhalen van de width. Dus in geval van 5%, width: 90% (100% - 5% padding aan beide zijden).

Succes!