Anyway to limit border length?

What border are you referring to?

Hi,

You will need to use a child div of the appropriate width to do that:

       #mainDiv
       {
         height: 100px;
         width: 80px;
         position: relative;
         border-bottom: 2px solid #f51c40;
         background: #3beadc;

         }

       #borderLeft
       {
         border-left: 2px solid #f51c40;
         position: absolute;
         top: 50%;
         bottom: 0;
         }

HTML:

<div id="mainDiv">
         <div id="borderLeft"></div>
</div><!--end mainDiv-->
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.