I'm not near a computer but won't text-align:center on the ul work? On Friday, September 5, 2014, J.C. Berry <jcharlesbe...@gmail.com> wrote:
> OK don't judge me - well actually do > http://www.xifin.com/solutions/xifin-technology/portals > > Not fine-tuned but there it is. > > > On Fri, Sep 5, 2014 at 3:38 PM, Jon Reece <jon.re...@gmail.com > <javascript:;>> wrote: > > > > > On Fri, Sep 5, 2014 at 3:13 PM, J.C. Berry <jcharlesbe...@gmail.com > <javascript:;>> > > 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 <javascript:;> > > > > > > > -- > J.C. Berry, M.A. > UI Developer > 619.306.1712(m) > jcharlesbe...@gmail.com <javascript:;> > http://www.mindarc.com > > ------------------------------------------------------------------------------------------------------------------------------------------------ > > This E-mail is covered by the Electronic Communications Privacy Act, 18 > U.S.C. ?? 2510-2521 and is legally privileged. This information is > confidential information and is intended only for the use of the individual > or entity named above. If the reader of this message is not the intended > recipient, you are hereby notified that any dissemination, distribution or > copying of this communication is strictly prohibited. > > ------------------------------------------------------------------------------------------------------------------------------------------------ > ______________________________________________________________________ > css-discuss [css-d@lists.css-discuss.org <javascript:;>] > 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/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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/
