Inline-block divs centered via text-align:center

#Parent (width:80%;)

No width set on these divs, content determines width

.child

This div and text is centered with text-align:center


.child

This text shorter


Widths have been set on these divs, content will wrap

.child .width-250

This div and text is centered with text-align:center

.child .width-150

This text shorter

.child .width-250

This div and text is centered with text-align:center

.child .width-150

This text shorter

.child .width-250

This div and text is centered with text-align:center

.child .width-150

This text shorter