Css fille issue : I have tried too many times to link the css file externally but it doesn't work yet. It is working fine with internal css and inline css but not with external css. I have checked too many times the name, location and folder of that file but still  not find any solution. Here are some codes of mine.


<!-- language: lang-html -->

    <!doctype html>
    <html>
    <head>
    <title>My Webpage</title>
     <link rel="stylesheet" type="text/css" href="Samar/s.css"/>
    </head>

    <body>
    <img src="samar.jpg" width="300" height="370" align="right" alt="My Image"/>
    <h1><center><i>  Welcome to Samar Club  </i></center></h1>
    <p>  Hello Everyone, My name is Samar. I am here to give you guys the solutions of NCERT Maths problems.</p>




    </body>
    </html>

<!-- end snippet -->

</body>

Here is my css file

   

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

    h1{   
            font-family: Arial;
            font-size: 37px; 
         border: 12px double grey;  
           color:maroon;
         }
    p{     
          text-align:right;
          font-family:sans-serif;
          font-weight:bold; 
          font-size:25px;
          margin-top:35px;
          background-color:yellow;
         }
    	 

<!-- end snippet -->

