Having written a post about branding Small Business Ideas I noticed that when the post was published the blockquote was hugging the visual presentation as you see from the image below.

Small Business Ideas branding

Blockquote , pullquote

As you can see from the above blockquote that is used to illustrate the codes used, it totally hugs the graphic. This error can be easily rectified by just correcting the margin of the blockquote in the stylesheet.

By changing:

This:margin: 0 0 0 30px;
to this: margin: 0 0 30px 30px;

we create a margin of 30px below the blockquote, thus seperating the blockquote from the image. Visually, this is more acceptable as you can see from the result below.

Small Business Ideas branding