Create vertically centered horizontal line to fill width of title with padding - HTML CSS CSS Property

HTML CSS examples for CSS Property:padding

  1. HOME
  2. HTML CSS
  3. CSS Property
  4. padding

Description

Create vertically centered horizontal line to fill width of title with padding

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <style id="compiled-css" type="text/css">
li.sub-menu-item:before,  li.sub-menu-item:after {
   content:"\2015 Example \2015 \2015 "
}

li {<!--from  w w w  .ja va  2 s.co m-->
   display:inline-block;
}
</style> 
 </head> 
 <body> 
  <ul> 
   <li class="sub-menu-item"> <a href="#"></a> </li> 
  </ul>  
 </body>
</html>

Related Tutorials