How can I horizontally align my divs?

Question

For some reason my divs won\'t center horizontally in a containing div:

Answer 1

Another working example, using display: inline-block and text-align: center

HTML:

    

        
Hello
        
World
    
    

CSS:

.container {
    ...
}
.row {
    text-align: center;
}
.btn {
    display: inline-block;
    margin-right: 6px;
    background-color: #EEE;
}
.clear {
    clear: both;
}

Fiddle: http://jsfiddle.net/fNvgS/