J.P. McGarrity.com » css text http://jpmcgarrity.com/blog Focusing on the Front End Sat, 30 Apr 2011 16:40:56 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 CSS Adjacent Sibling Combinators With Text http://jpmcgarrity.com/blog/2009/08/css-adjacent-sibling-combinators-with-text/ http://jpmcgarrity.com/blog/2009/08/css-adjacent-sibling-combinators-with-text/#comments Wed, 26 Aug 2009 21:59:09 +0000 J.P. http://jpmcgarrity.com/blog/?p=538 siblings_01
Here is a short and sweet post demonstrating the use of adjacent sibling combinators with text is an easy way to work with unique spacing with headers and copy in general.

Basic Example Code
h1 + p{
padding:20px 0 0;
}
h2 + p{
padding:0px 0 0;
}
h3 + p{
padding:0px 0 0;
}

Here is a link with 3 different headers and style demoing how convenient this approach is.

Eaching header has a unique spacing when followed by a <p/> tag.

]]> http://jpmcgarrity.com/blog/2009/08/css-adjacent-sibling-combinators-with-text/feed/ 0