Editor Arrow Download Open
<!DOCTYPE html> <html> <head> <title>CSS border-left-width Property</title> <style> div { background: #eee; display: flex; height: 30px; margin-left: 10px; align-items: center; justify-content: center; border-left-color: pink; border-left-style: solid; } .border-1 { border-left-width: medium; } .border-2 { border-left-width: thin; } .border-3 { border-left-width: thick; } .border-4 { border-left-width: 5px; } </style> </head> <body> <div class="border-1">medium</div> <div class="border-2">thin</div> <div class="border-3">thick</div> <div class="border-4">5px</div> </body> </html>
  Preview Arrow