To create the boarders below enter into the HTML editor and type </blockquote class="the name in the boarder you want below, including the ""  " then the text you want starting with <p>  and end with </p>   /blockquote.

 

EG:

<blockquote class="triangle-isosceles">

<p> Enter text here </p>

</blockquote>

 

This has been made possible by code from nicolasgallagher.com/pure-css-speech-bubbles/ by Nicolas Gallagher

 

 

triangle-isosceles

 

triangle-right

 

triangle-border

 

example-commentheading

 

example-right

 

example-obtuse

 

example-twitter

 

example-number

 

pinched

oval-speech

 

oval-thought

 

oval-quotes

 

rectangle-speech-border

 

oval-speech-border

 

oval-thought-border