HTML CSS examples for CSS Widget:Border Style
Create one side border of a paragraph
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> p.left-border::before { border-left: 3px solid #9e9464; content:"";<!--from w w w . j ava2s.co m--> position: absolute; height: 75px; left: 0px; } p { line-height:30px; padding-left: 20px; position: relative; } </style> </head> <body> <h4>Our Unique Approach</h4> <p class="left-border">this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test </p> </body> </html>