<svg viewBox="0 0 100 100" style="border:green solid;">
<!-- vertical guideline   -->
  <path stroke="green" stroke-width=".2" d="M10 0 V100"/>
  <path stroke="green" stroke-width=".2" d="M20 0 V100"/>
  <path stroke="green" stroke-width=".2" d="M30 0 V100"/>
  <path stroke="green" stroke-width=".2" d="M40 0 V100"/>
  <path stroke="green" stroke-width=".2" d="M50 0 V100"/>
  <path stroke="green" stroke-width=".2" d="M60 0 V100"/>
  <path stroke="green" stroke-width=".2" d="M70 0 V100"/>
  <path stroke="green" stroke-width=".2" d="M80 0 V100"/>
  <path stroke="green" stroke-width=".2" d="M90 0 V100"/>
  
<!-- Horizontal guidelines   -->
  <path stroke="green" stroke-width=".2" d="M 0 10 H 100"/>
  <path stroke="green" stroke-width=".2" d="M 0 20 H 100"/>
  <path stroke="green" stroke-width=".2" d="M 0 30 H 100"/>
  <path stroke="green" stroke-width=".2" d="M 0 40 H 100"/>
  <path stroke="green" stroke-width=".2" d="M 0 50 H 100"/>
  <path stroke="green" stroke-width=".2" d="M 0 60 H 100"/>
  <path stroke="green" stroke-width=".2" d="M 0 70 H 100"/>
  <path stroke="green" stroke-width=".2" d="M 0 80 H 100"/>
  <path stroke="green" stroke-width=".2" d="M 0 90 H 100"/>
  
<!-- arrow shape ABSOLUTE - capitals-->
  <path stroke="black" stroke-width="1" fill="green" d="M 20 10 H50 V0 L70 20 L50 40 V30 H20 V10 Z"/>  
<!-- arrow shape RELATIVE - small letters - better-->
  <path fill="green" d="M0 60 h30 v-10 l20 20 l-20 20 v-10 h-30 v-20"/>

</svg>

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40"
  stroke="green" stroke-width="4" fill="yellow" />
Sorry, your browser does not support inline SVG.
</svg>

<svg width="400" height="100">
  <rect width="400" height="100" style="fill:rgb(0,0,255);stroke-width:10;stroke:rgb(0,0,0)" />
</svg>

<svg width="400" height="180">
  <rect x="50" y="20" rx="20" ry="20" width="150" height="150"
  style="fill:red;stroke:black;stroke-width:5;opacity:0.5" />
</svg>

<svg height="210" width="400">
  <path d="M150 10 L75 200" />
</svg>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.