How to draw a line like this?
<p>This has four different images.</p>

<ol>
<li>Arrow</li>
<li>1st image </li>
<li>common image in list</li>
<li>end of image</li>
</ol>

<p>Is it posssible to draw something using XML? Because images scales based on stop name. See the image below:</p>

<p><img src="https://i.stack.imgur.com/H2vyGl.jpg" alt=""></p>