CSS Border Width Example - Shape Your Path

Source Code

<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="UTF-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <title>CSS Border Width</title>
      <style type="text/css">
         .example {
            width: 80%;
            height: 200px;
            border-style: dashed;
            border-width: 10px;
            overflow: auto;
            margin: 0 auto;
            line-height: 200px;
         }
         .wrapper {
            width: 90%;
            margin: 0 auto;
            text-align: center;
         }
      </style>
   </head>
   <body>
      <div class="wrapper">
         <h1>CSS Border Width</h1>
         <p>In this example, you can learn and understand how to set an HTML element's border width through the CSS  border-width property. Let us understand it.</p>
         <p class="example">
            This is paragraph element having border-style:dashed & border-width:10px;.
         </p>
      </div>
   </body>
</html>
Source Code

Output :Running
