JS CSS
(a quick guide)
<div class="border-l">Left border</div> <div class="border-r">Right border</div> LEFT BORDER .border-l { border-left: 5px solid red; } RIGHT BORDER .border-r { border-right: 5px dashed blue; }
<div class="wrapper"> <div class="left-side">Left</div> <div class="right-side">Right</div> </div> FLEX WRAPPER .wrapper { display: flex; } LEFT-RIGHT DIMENSIONS .left-side { width: 50%; } .right-side { flex-grow: 1; } VERTICAL LINE left-side { border-right: 5px dotted red; }
<hr width="1" size="100">