html - Styles not working -


i have following code.

<html>   <head>     <style>         .fb{             position: relative;             right:-1000px;          }          .info{         position:relative;          }     </style>   </head>   <body>     <div id="info">      <a href="../jsp/aboutus.jsp" class="anatips" title="about us">about us</a> |         <a href="../jsp/privacy.jsp" class="anatips" title="privacy policy">privacy policy</a>       <a id = "fb" href="https://www.facebook.com/xyz" target="https://www.facebook.com/xyz"> <img  src="../images/facebook.png" height = 16, width = 16 /> </a>     </div>  </body> </html> 

i want move fb link right corner. guess styling not working. or going wrong somewhere?

you have defined class in stylesheet

.fb{     position: relative;     right:-1000px; } .info{     position:relative; } 

so while using should do

<div class="info">     ... </div> <div class="fb">     ... </div> 

or if want use id then

#fb{     position: relative;     right:-1000px; } #info{     position:relative; }   <div id="info">     ... </div> <div id="fb">     ... </div> 

Comments

Popular posts from this blog

Unable to remove the www from url on https using .htaccess -