1

I'm a beginner in HTML and CSS. I'm trying to insert a copyright symbol (c) into an image on my website. I tried using a decimal code, ©, in the following code, but it is displayed as it is. Can you help me how to fix that?

CSS:

.image {
  border: 0;
  display: inline-block;
  position: relative; }
.image::after {
  content: "© My Name"; 
  position: absolute; 
  bottom: 0; 
  right: 0; 
  opacity: 0.9; 
  font-size: 0.7em; 
  color:rgba(0, 0, 0, 0.175)}
  .image img {
    display: block;}

HTML:

<span class="image">
   <img src="image1.png"/> 
</span>

This code shows &#169; My Name on my image instead of "© My Name".

Ogiad
  • 139
  • 1
  • 11
  • 1
    hi, try using "\00a9 My Name" instead for the content property. you can find a compelte list of characters here (if needed) : https://www.evotech.net/blog/2007/04/named-html-entities-in-numeric-order/ – Dexter0015 Dec 14 '22 at 16:45

0 Answers0