I believe that ::first-letter is CSS3 only, so just be mindful of that.
I tinkered around in one of my playground sites and came up with this. It
required me to tweak the settings of my article h1 as well as the
::first-letter. Obviously you could apply this to <p>, as well:
article h1[
font-size: 1.5em;
display:block;
text-indent: -1.5em;
margin-bottom: 2em;
}
article h1::first-letter{
font-size: 3em;
line-height: 1em;
vertical-align: -.5em;
float:left;
letter-spacing: .55em
}
You're welcome to take and twist the CSS you see there however you'd like:
http://html5bible.org/Bible/new-testament/james/index.html
</email>
<signature id="paceaux">
Frank M Taylor
http://frankmtaylor.com
@paceaux
</signature>
On Jan 16, 2012, at 3:40 PM, Martin wrote:
> Hi there,
>
> I'm wondering if it'd be possible to style the first letter of a paragraph so
> that it'd be 3-lines height (I mean generally bigger) as it was in old texts,
> eg:
>
>
> ____
> | irst letter of each paragraph should be
> ----- as big as that. I don't know if that's possible
> | but it'd be nice to know it. It'd look good on
> my website. Thank you very much
>
> Would it require using pictures or css would do?
>
> regards
>
> Martin
> ______________________________________________________________________
> 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/
