Add icon on left of border with relative position - HTML CSS CSS Property

HTML CSS examples for CSS Property:border-left

Description

Add icon on left of border with relative position

Demo Code

ResultView the demo in separate window

<html>
 <head> 
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> 
 </head> <!--   w  ww.  j  a  v  a  2 s  .co m-->
 <body> 
  <div class="dialog-box"> 
   <div class="dialog-box__search"> 
    <i class="fa fa-search"></i> 
   </div> 
   <div class="dialog-box__content">
     First content 
   </div> 
  </div>  
 </body>
</html>

Related Tutorials