JSFiddle - React, Tailwind, and code Playground

HTML

<p>If you omit the protocol, you have a relative url, even if it starts with <i>www</i>!</p>
<p class="example">Example: <a href="www.google.com">www.google.com</a> → BAD! Points to <a href="http://fiddle.jshell.net/_display/www.google.com">http://fiddle.jshell.net/_display/www.google.com</a></p>
<p>Then, if you want an absolute url, you shouldn't omit the protocol!</p>
<p class="example">Example: <a href="http://google.com">http://google.com</a> → Good!</p>
<p>But, if you want to simplify it, you can use <i>//</i>, which points to the current protocol.</p>
<p class="example">Example: <a href="//google.com">//google.com</a> → Good (if you are using <i>http://</i>)</p>

CSS

p.example{
    padding-left: 20px;
}