Attribution related question

Hi *,

I am using a static map image, exported from, as a link in order to point to the page on my website with the map:

The html code is basically:

<a href="/link-to-map/">
  <span style="backgroup-image: url('/osm_image.jpg'); ...">
    <span style="position: absolute; bottom: 0; right: 0; background-color: rgba(255,255,255,0.7); color: #424242; font-weight: bold; font-size: 0.75em; padding: 0 0.5em;">
      <i class="copyright icon" style="margin: 0;"></i> OpenStreetMap (

The result on my responsive page is as follows:

I left the “http://” part out due to limited space. And, “” is no html link, because the attribution is already inside an tag. But, demands for a html link. So, I would like to know if my setup is still sufficient.

Best regards,