On Sat, 17 Apr 2010 01:03:46 +0200, Rick Gordon <[email protected]>
wrote:
> I maintain a Blogger site for a non technical user. Since (unless you
> explicitly tag it otherwise) a pblog post consits of a single paragraph,
> and uses <br/> tags (mapped to the user's carraige returns).
>
> I would like to set up a means of increasing space under these breaks,
> but not multiplying the increase if 2 or more breaks are inserted in
> succession.
>
> So I made a br style:
>
> .post-body br {
> display:inline-block;
> margin-bottom: .75em;
> }
>
> This handles single breaks fine, but the space gets too big if multiple
> breaks are used.
>
> So I tried both of the following:
>
> .post-body br - br {
> display:inline;
> margin-bottom: 0;
> }
>
> .post-body br + br {
> display:inline;
> margin-bottom: 0;
> }
>
> ... but what happens in either case is that breaks after the first one
> are affected, even if they are not in immediate succession. Any
> suggestions as to how I might achieve my aim here? There's no way the
> user is going to deal with HTML for this, so CSS is the only hope.
>
Try:
.post-body p br {
margin-bottom: .75em;
}
.post-body p > br + br {
margin-bottom: 0;
}
this assumes that blogger is feeding in the <p> tags.
Duncan
______________________________________________________________________
css-discuss [[email protected]]
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/
