Blockquote Not wrapping

• 

  lukeobritt · Member · Feb 2, 2016 at 10:18 pm

  • Copy link
  • Add topic to favorites

  I built this blockquote at http://allisonlaw.com/meet-bill/ but cannot get it to wrap. It just runs all over the image.

  I have tried all kinds of combinations of alignment and float. What am I doing wrong!!!??

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Feb 2, 2016 at 10:45 pm

  • Copy link

  When you set a position on an element, such as relative, absolute or fixed, and then set a top, bottom, left or right, the elements ends up floating free of all other elements, which is why it isn’t behaving as you expected.

  If you want the quote to start further to the right, increase the left margin, such as this:

  blockquote {
      color: #0c5390;
      font-family: Georgia,serif;
      font-size: 18px;
      font-style: italic;
      line-height: 1.45;
      margin-bottom: 25px;
      margin-left: 200px;
      padding: 0.5em 40px 0;
  }

  Replace your blockquote rule with the above and see what you think.

  If you want the blockquote and the image off in the right margin, then the image has to be inserted in the blockquote. Right now the image is in a separate paragraph above the blockquote.