Re: [css-d] horizontally aligning icons

2015-03-16 Thread Karl DeSaulniers
Yes the element needs them set unless its a element with an image inside. Then you only need to set one and set the other to auto and the image must have at least one set and the other auto. That I have found. This code should absolute center the image inside the li. .image-box { backgro

Re: [css-d] horizontally aligning icons

2015-03-16 Thread Ryan Reese
That requires a width/height to get it working. Otherwise it will simply span 100% width/height. I know of that method but centering a menu most definitely needs to be in the document flow and is not really suitable for this case. There are other ways to center which I left out since it doesn't pe

Re: [css-d] horizontally aligning icons

2015-03-16 Thread Karl DeSaulniers
On Mar 16, 2015, at 7:43 PM, John wrote: >> On Mar 16, 2015, at 5:41 PM, Ryan Reese wrote: >> >> Text-align:center is a fine way to center list items. Noone will scorn you >> or your centering method. I assume that the list items are inline-block? >> inline? >> >> http://codepen.io/ryanrees

Re: [css-d] horizontally aligning icons

2015-03-16 Thread John
> On Mar 16, 2015, at 5:41 PM, Ryan Reese wrote: > > Text-align:center is a fine way to center list items. Noone will scorn you > or your centering method. I assume that the list items are inline-block? > inline? > > http://codepen.io/ryanreese09/pen/ZYmaxa >

Re: [css-d] horizontally aligning icons

2015-03-16 Thread Ryan Reese
Text-align:center is a fine way to center list items. Noone will scorn you or your centering method. I assume that the list items are inline-block? inline? http://codepen.io/ryanreese09/pen/ZYmaxa That's the optimal way to center in this scenario. Obviously there are more than one ways to center

Re: [css-d] horizontally aligning icons

2015-03-16 Thread John
> On Mar 16, 2015, at 5:36 PM, Ryan Reese wrote: > > Semantics is purely in the HTML. Get the right HTML element for the job and > you are all set. > > CSS does the presentation. It has no effect on the semantics of your webpage. > Get the correct HTML for semantics. CSS for style and presenta

Re: [css-d] horizontally aligning icons

2015-03-16 Thread Ryan Reese
Semantics is purely in the HTML. Get the right HTML element for the job and you are all set. CSS does the presentation. It has no effect on the semantics of your webpage. Get the correct HTML for semantics. CSS for style and presentation. On Mon, Mar 16, 2015 at 8:22 PM, John wrote: > is it ok

[css-d] horizontally aligning icons

2015-03-16 Thread John
is it ok to use text-align:center; on a ul where the list items are NOT text, but icons instead? Yeah, it works, but does this disrespect semantics, and therefore, invite problems or scorn? Thank you! John __ css-discuss [cs