Blockquote

• 

  notchangingmyname · Member · Jun 25, 2012 at 7:28 pm

  • Copy link
  • Add topic to favorites

  Hi all, I would like for the second line of what is blockquoted to be indented. In the link below I indicated with an arrow what I mean. I would like “really” to be right under “Don’t”, “etc.” to be under “Let’s”, “you’re” to be under “I”, and “changes” to be under “Have.” Is it possible?

  

  Thanks in advance!

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

• 

  designsimply · Member · Jun 25, 2012 at 9:53 pm

  • Copy link

  This depends on the HTML inside the blockquote. If each exchange within the blockquote is a separate paragraph, then you can do what you’re asking with CSS like this:

  blockquote p {
  	margin-left: 1em;
  	text-indent: -1em;
  }

• 

  notchangingmyname · Member · Jun 26, 2012 at 9:18 pm

  • Copy link

  Thank you! Along those lines, is there code so that would be no space between the paragraphs, so that it would look like the text in the image linked above? I usually hit Shift + Enter so there is no space, but that won’t work if I use the code above.

• 

  designsimply · Member · Jun 26, 2012 at 10:32 pm

  • Copy link

  Certainly. Update to:

  blockquote p {
  	margin-left: 1em;
  	text-indent: -1em;
  	margin-bottom: 0 !important;
  }

  Also, note that you can adjust the 1em values if you want a bigger hanging indent.

• 

  notchangingmyname · Member · Jun 29, 2012 at 6:04 pm

  • Copy link

  thank you!