<div class="content">
<h2>The basic bubble variants</h2>
<p class="triangle-isosceles">This could be any element you want</p>
<p class="triangle-isosceles top">This could be any element you want</p>
<p class="triangle-isosceles left">This could be any element you want</p>
<p class="triangle-right">This could be any element you want</p>
<p class="triangle-right top">This could be any element you want</p>
<p class="triangle-right left">This could be any element you want</p>
<p class="triangle-obtuse">This could be any element you want</p>
<p class="triangle-obtuse top">This could be any element you want</p>
<p class="triangle-obtuse left">This could be any element you want</p>
<p class="triangle-border">This could be any element you want</p>
<p class="triangle-border top">This could be any element you want</p>
<p class="triangle-border left">This could be any element you want</p>