26. February 2014
von Blackbam

In this very short article I am going to show you how to center a div containing floating elements horizontally with pure CSS. Although it should be a simple problem, sometimes it can be annoying to get something centered. So here is a very simple solution for this problem:

How to center a div:

  margin: 0 auto;


How to center text elements:



How to center a div containing floating elements:



<div id="wrapper">
<div id="div_to_center">
<li class="item">abc</li>
<li class="item">def</li>


#wrapper {

#div_to_center {
    margin:0 auto;

#div_to_center .item {

Dieser Eintrag wurde am 26. February 2014 um 2:02 in der Kategorie CSS veröffentlicht. You can book the comments for this article RSS 2.0. Feedback, discussion, commendation and critics are welcome: Write a comment or trackback.

Tags: ,

Warning: Use of undefined constant Ext_related_links - assumed 'Ext_related_links' (this will throw an Error in a future version of PHP) in /home/.sites/609/site1266/web/blackbams-blog/wp-content/themes/SilentWoodsByBlackbam/single.php on line 75

No comments yet

Kommentare abonnieren (RSS) or URL Trackback

Leave a comment: