Anchor image - HTML CSS HTML Tag

HTML CSS examples for HTML Tag:a

  1. HOME
  2. HTML CSS
  3. HTML Tag
  4. a

Description

Anchor image

Demo Code

ResultView the demo in separate window 

<html lang="en">
 <head> 
  <title>anchore image</title> 
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css"> 
  <style>
a {<!-- w w  w  . j  a  va2s.  co m-->
   text-decoration:none;
   width:301px;
   border:2px solid Chartreuse;
   display:inline-block;
   line-height:2.6em;
}

a div {
   display:inline-block;
   float:right;
}

img {
   height:2em;
   vertical-align:middle;
}

a:hover {
   text-decoration:none;
}
</style> 
 </head> 
 <body translate="no"> 
  <a href="javascript:void(0);" class="" data-toggle="dropdown"> <img src="https://www.java2s.com/style/demo/Google-Chrome.png" alt=""> ADMIN 
   <div> 
    <i class="fa fa-caret-down"></i> 
   </div> </a> 
  <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown"> <img src="https://www.java2s.com/style/demo/Firefox.png" alt=""> ADMIN 
   <div> 
    <i class="fa fa-caret-down"></i> 
   </div> </a>  
 </body>
</html>

Related Tutorials