John, I don't think you're recognizing that em's inherit from their parent.
- #header-logo is a child of <h1> - <h1> has a font-size of 2em (set by user agent stylesheet) - #header-logo therefore has a base font-size of 2em, or 32px (assuming 16px is the base) - Padding #header-logo by 1.25em is equal to (32 * 1.25)px. Make sense? If you want to pad it 20px (1.25em of document base font size), you would need to set padding-left to 0.625em Hopefully I haven't muddied the waters. Chris Rockwell On Thu, Jul 24, 2014 at 11:22 AM, John <j...@coffeeonmars.com> wrote: > > On Jul 24, 2014, at 8:18 AM, Tom Livingston <tom...@gmail.com> wrote: > > > ems are relative to font size. > > > > Given a browser default of 16px, 1em = 16px. > > > > If you have something set at font-size: 120%;, that's 120% bigger than > > 16px (1em) so, like Chris said, it would be 19px (rounded down) or > > 1.188em; > > This is my understanding, too…so given that my body font-size is set at > 100%, should not padding-left:1.25em; be 1.25em in size? What I’m seeing > is much larger. > > http://www.coffeeonmars.com/170_su/template/home.html > > Thank you! > > John > ______________________________________________________________________ > 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/ > ______________________________________________________________________ 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/
