Attaching image to first letter - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Image

  1. HOME
  2. HTML CSS
  3. CSS Widget
  4. Image

Description

Attaching image to first letter

Demo Code

ResultView the demo in separate window 

<html lang="en">
 <head> 
  <style>
#id {<!--   w w  w.ja  v a 2  s .c om-->
   position:relative;
}

.maintitle {
   font-size:100pt;
}

.maintitle:before {
   content:url('http://www.java2s.com/style/demo/Google-Chrome.png');
   position:absolute;
   top:171px;
}
</style> 
 </head> 
 <body translate="no"> 
  <div id="container"> 
   <h1 class="maintitle">LINKBOUND</h1> 
  </div>  
 </body>
</html>

Related Tutorials