• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 13. Styling a Block Quote > Styling the Paragraph

Styling the Paragraph

Next, you will need to add padding to the left and right of any paragraphs inside the <blockquote>. This will push the content away from the borders. You can use padding: 0 70px as shown in Listing 13.4. The results can be seen in Figure 13.3.

Listing 13.4. CSS Code Styling the Paragraph

blockquote
{
    margin: 1em 0;
    border: 1px solid #ddd;

    background: url(lesson13.gif) 5px 5px no-repeat;
    padding-top: 30px;
}

    blockquote p
{
    padding: 0 70px;
}


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint