How to display <figure> images on same line HTML/CSS

I was thinking about:

figure {
    width: 25%;
    float: left;
    margin: 0;
    text-align: center;
    padding: 0;
}

You can check it here: http://jsfiddle.net/cBkTc/3/

Make figure inline-block.

figure { 
    display: inline-block;
}