View Single Post
Old 05-27-2014, 08:07 PM   #12
RbnJrg
Wizard
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 1,852
Karma: 8821117
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
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
RbnJrg is online now   Reply With Quote