title: CSS is not working in the ec2
body: <p>This is the first time I try to use html/CSS on AWS ec2, I finally make ec2 display my html page but the CSS is not working. I have searched a lot of posts to figure the problem.</p>
  
  <p>I got forbidden messages when I see the console on the web page.
  <a href="https://i.stack.imgur.com/X0nzH.png" rel="nofollow noreferrer">forbidden</a>
  Some people said it's the permission problem, But I set directory permission like this:</p>
  
  <pre><code>[ec2-user@ip-172-31-21-130 html]$
  drwxr-xr-x. 2 root     ec2-user css
  drwxr-xr-x. 2 ec2-user ec2-user image
  -rw-r--r--. 1 ec2-user ec2-user indexChinese.html
  -rw-r--r--. 1 ec2-user ec2-user index.html
  </code></pre>
  
  <p>And the image permission is like this:</p>
  
  <pre><code>[ec2-user@ip-172-31-21-130 image]$ ls -l
  -rw-r--r--. 1 ec2-user ec2-user About_PIC.JPG
  -rw-r--r--. 1 ec2-user ec2-user CHC_Pic.jpg
  -rw-r--r--. 1 ec2-user ec2-user Education_Pic.JPG
  -rw-r--r--. 1 ec2-user ec2-user Email_pic.JPG
  -rw-r--r--. 1 ec2-user ec2-user FB_Pic.JPG
  </code></pre>
  
  <p>Here's my html with link tag within the head tag, please help and tell me where I did wrong.</p>
  
  <pre><code>&lt;link href="./css/style.css" type="text/css" rel="stylesheet" /&gt;
  &lt;link rel="icon" type="image/JPG" href="/image/CHC_Pic.jpg" /&gt;
  </code></pre>
  
  <p>Everything works fine when I run in my localhost.
  I don't know why my CSS and images don't work when I run my program in ec2. Btw, I use the command scp from my mac to the ec2.
  Thank you so much!!!</p>