Search code examples
cssjoomla

Arrow link used as page scroll down

I made a simpel arrow in css:

.arrow {
border: solid black;
border-width: 0 4px 4px 0;
display: inline-block;
padding: 3px;
}

But how do I insert it as a link. I'm using Joomla. I tried this:

<a class="arrow" href="#info"></a>

But Joomla just cut that line out. So is it not possible in Joomla or am I doing it wrong? :)

Solution

  • Click button "Run code snippet" to see arrow or output.

    .arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  font-size:0 !important;
}
    <!DOCTYPE html>
<html>
<head>

</head>
<body>

<a class="arrow" href="#info">v</a>

</body>
</html>