View Single Post
Old 12-31-2012, 12:04 AM   PM User | #5
Excavator
Master Coder


 
Excavator's Avatar
 
Join Date: Dec 2006
Location: Alaska
Posts: 9,410
Thanks: 22
Thanked 1,765 Times in 1,749 Posts
Excavator has a spectacular aura aboutExcavator has a spectacular aura aboutExcavator has a spectacular aura about
Hello Chell,

Quote:
So I'm guessing there isn't any way of doing it 'automatically' using only CSS?
I think first-letter can still do a lot for you. Span might be easier to do but with a little setup ahead of time, it would be easy to apply first-letter to new entries.

Something like this -
Code:
p:first-letter {
	margin: 5px 10px 0;
	padding: 18px;
	float: left;
	font-size: 4em;
	border-radius: 5px;
	box-shadow: 0 0 10px -2px #999999;
	background: #3399FF;
	color: #fff;
}
Your quote marks might work well as an actual background image.
__________________
Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad
Excavator is offline   Reply With Quote