Double top border with one border is centered - HTML CSS CSS Property

HTML CSS examples for CSS Property:border-style

  1. HOME
  2. HTML CSS
  3. CSS Property
  4. border-style

Description

Double top border with one border is centered

Demo Code

ResultView the demo in separate window 

<html lang="en">
 <head> 
  <style>

blockquote {<!--from   www.  ja  va2  s  .c  o  m-->
   margin: 35px 0;
   background: #fafcfc;
   border-top: 1px solid #dfe7e9;
   border-bottom: 1px solid #dfe7e9;
   font-size: 19px;
   font-style: italic;
   font-weight: 300;
   padding: 45px 40px;
}
blockquote:before {
   content: '';
   position: absolute;
   width: 4%;
   left: 48%; 
   top: 35px; 
   border-top: 5px solid blue;
}


      </style> 
 </head> 
 <body translate="no"> 
  <blockquote>
    this is a test, this is a test, this is a test
  </blockquote>  
 </body>
</html>

Related Tutorials