MobileRead Forums - View Single Post

ghostyjack · 03-21-2010, 07:19 AM

Does anyone know how to centre a blockquote?

I'm trying to get some text that is centred in the horizontal alignment but still have the text aligned to the left or the right.

This would be most useful for me when I've got a quote and also who quoted it with the author of the quote to the right.

Example

Code:

p.right {text-align: right;}
blockquote {width: 60%;}

<blockquote>"This is a test quote, not actually written by anyone. So I'd thought I'd use it for this example"
<p class="right">-the author.</p>
</blockquote>

The above example allows me to be able to adjust the width to align the author to the end of the text and not the edge of the screen but the blockquote is on the left.

How do I move the blockquote so it is centred?

03-21-2010, 07:19 AM	#1
ghostyjack Guru Posts: 718 Karma: 1085610 Join Date: Mar 2009 Location: Bristol, England Device: PRS-T1, 1825PT, Galaxy Tab, One X, TF700T, Aura HD, Nexus 7	Centering blockquotes Does anyone know how to centre a blockquote? I'm trying to get some text that is centred in the horizontal alignment but still have the text aligned to the left or the right. This would be most useful for me when I've got a quote and also who quoted it with the author of the quote to the right. Example Code: p.right {text-align: right;} blockquote {width: 60%;} <blockquote>"This is a test quote, not actually written by anyone. So I'd thought I'd use it for this example" <p class="right">-the author.</p> </blockquote> The above example allows me to be able to adjust the width to align the author to the end of the text and not the edge of the screen but the blockquote is on the left. How do I move the blockquote so it is centred?