On Fri, Sep 5, 2014 at 3:13 PM, J.C. Berry <jcharlesbe...@gmail.com> wrote:
> I have 3 menu items that look like this on full width of site > > X X X > > If I want to reduce to a phone width I get > X > X > X > > But what about the in-between (tablet, etc.) alignment? Right now I get: > > X X > X > > And I want > > X X > X > > i.e. Centered second row. How can I? > ​Since we can't see your actual code, it's hard to say. But, based on your diagram - are you floating the menu items? If so, you might want to try display: inline-block instead. Then, setting left and right margins to auto should give you the centering you want. Here's a quick example, this assumes you are setting a fixed width on the menu items: http://codepen.io/jreece/pen/EKJrd?editors=110 -- Jon Reece jon.re...@gmail.com ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
