[css-d] vertical-align baseline issue?
Hello,
I have an h1 with a span applied to the first three words to make them smaller.
I want the bottom of the text to line up those with the rest of the heading and
it is not.
Html: h1span class=policyManualFirstLineSBCTC Policy Manual/span
Chapter 4: Instructional Program and Course Development/h1
CSS:
h1 span.policyManualFirstLine
{
font-size:.65em;
vertical-align:baseline!important; /* tried this, no effect */
padding-bottom:0; /* tried this, no effect */
}
Is what I'm looking for possible? Am I not doing it right?
Thanks for any ideas.
Angela French
Internet Specialist
Washington State Board for Community and Technical Colleges
360-704-4316
afre...@sbctc.edumailto:afre...@sbctc.edu
www.checkoutacollege.comhttp://www.checkoutacollege.com/
www.sbctc.eduhttp://www.sbctc.edu/
__
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/
Re: [css-d] vertical-align baseline issue?
Adjust the line-height not vertically align bottom or padding.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
On Jul 29, 2015, at 1:33 PM, Angela French afre...@sbctc.edu wrote:
Hello,
I have an h1 with a span applied to the first three words to make them
smaller. I want the bottom of the text to line up those with the rest of the
heading and it is not.
Html: h1span class=policyManualFirstLineSBCTC Policy Manual/span
Chapter 4: Instructional Program and Course Development/h1
CSS:
h1 span.policyManualFirstLine
{
font-size:.65em;
vertical-align:baseline!important; /* tried this, no effect */
padding-bottom:0; /* tried this, no effect */
}
Is what I'm looking for possible? Am I not doing it right?
Thanks for any ideas.
Angela French
Internet Specialist
Washington State Board for Community and Technical Colleges
360-704-4316
afre...@sbctc.edumailto:afre...@sbctc.edu
www.checkoutacollege.comhttp://www.checkoutacollege.com/
www.sbctc.eduhttp://www.sbctc.edu/
__
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/
Re: [css-d] vertical-align baseline issue?
On Jul 30, 2015, at 03:33, Angela French afre...@sbctc.edu wrote:
I have an h1 with a span applied to the first three words to make them
smaller. I want the bottom of the text to line up those with the rest of the
heading and it is not.
Html: h1span class=policyManualFirstLineSBCTC Policy Manual/span
Chapter 4: Instructional Program and Course Development/h1
CSS:
h1 span.policyManualFirstLine
{
font-size:.65em;
vertical-align:baseline!important; /* tried this, no effect */
padding-bottom:0; /* tried this, no effect */
}
Is what I'm looking for possible? Am I not doing it right?
Can you provide a test case illustrating your problem? Failing that, you'll
need to provide more context…
By default your span *should* rest on the baseline of its parent element,
unless there are rules somewhere that prevents it.
Look at this test case, the span rests on the baseline:
http://dev.l-c-n.com/_junk/cssd-af.html
(the red line indicates the baseline)
Philippe
--
Philippe Wittenbergh
http://l-c-n.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/
