<div class="custom-arrows"></div>
<p>
If you need to insert HTML solely using CSS-classes, it can be done!
</p>
<p>
The arrow above was built via the <span class="type">content</span> property with css, using a <span class="type">URL</span> type that is coded as a <span class="type">data:image</span> as the type of <span class="type">svg/xml</span> to display the following block of HTML.
</p>
<xmp>
<div class="custom-arrows white arrow-sm" style="position:relative;height:15px;width:25px;">
<div class="prefix" style="position:absolute;width:0;height:0;border-style:solid;border-width:7px 0 7px 6px;right:0;"></div>
<div class="postfix" style="position:absolute;width:0;height:0;border-style:solid;border-width:7px 0 7px 6px;right:3px;"></div>
<div class="line" style="right:3px;top:6px;height:2px;position:absolute;width:calc(25px - 5px);"></div>
</div>
</xmp>
<strong>NOTE: </strong> This route cannot process any stylesheets/scripts at this point so anything of that nature <i>must</i> be hardcoded as inline styling into the elements.