Hi Derek;
What you are looking for is a css3 property called "hanging-punctuation". Regrettably, so far is not supported for any web browser and, AFAIK, for any device reader (maybe iPad can have support for it but I don't know). If it were to work, you just would need to add to your css stylesheet the following:
Code:
.hang {
hanging-punctuation: first;
}
and in your .xhtml file:
Code:
<p class="hang">"This is the first line</p>
<p>This is the second line</p>
<p>...</p>
and you would have something like what you can see in this page:
http://stevehickeydesign.com/blog/20...tion-with-css/
But I'm afraid of this is for the future

Let's hope a near future
Regards
Rubén