On 9/5/14, 15:42, J.C. Berry 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> wrote:
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
Indeed, inline-block should work. You need to remove the "float" declarations
from both the <li> and the <a> though. Applying "display: inline-block;" to the
<li> via Web Tools works this end.
--
Cordially,
David
______________________________________________________________________
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/
