The Movable Type Knowledge Base

Blockquote Formatting Issues

Question

When I include blockquote tags in my entries, the page formatting is being broken by <p> tags, and renders incorrectly.

Answer

A blockquote can contain paragraph tags, but a paragraph should not contain blockquote tags. Having invalid HTML code results in display issues, so you need to adjust how you are entering your text in the Entry Body field.

  • The Convert Breaks Formatting option will insert <p> and <br /> tags automatically depending on where you have line breaks in your entry text. When using this option, you should put a blank line in the entry text between the paragraphs and the blockquote:
    Here is the first paragraph.
    <blockquote>Here is the blockquote.</blockquote>
    Here is the second paragraph.

    That will format the paragraph tags automatically, but will not put paragraph tags around the blockquote tags.

  • If you want paragraphs inside the blockquote itself, compose your text this way to ensure that Convert Breaks Formatting is applied correctly:
    <blockquote><p>Here is the blockquote.</p><p>A new paragraph.</p></blockquote>

    without any line spacing.

  • If you're not using Convert Breaks Formatting, make sure that when composing your text, you always use the proper opening and closing <p> tags on the preceding and following paragraphs:
    <p>Here is the first paragraph.</p>
    <blockquote>Here is the blockquote.</blockquote>
    <p>Here is the second paragraph.</p>

Following the guidelines above will ensure that your HTML is valid and gives you the desired results when viewed on the page.

Submit Feedback on This Article

Your comments on how we can improve this article are appreciated; but please do not use the feedback form to submit support requests or questions. We will not respond to or publish such queries submitted through this form. If you have a technical question or problem, visit Movable Type Support.

Yahoo! Small Business web hosting services

Six Apart
Makers of weblog software and services for individuals, organizations and businesses.
This website is powered by Movable Type.