html - how to make a horizontal line and vertical line cross -
i cant seem create vertical , horizontal line cross in page. seem scoot each other over. suggestions? newbie here, y'all's time!
#colorstrip { height: 0px; border-bottom:solid 30px #ff8533; margin-left: 100px; } #verticalline { border-left: solid 12px #ff4719; margin-left: 480px; height: 100%; } <div id="verticalline"> </div> <div id="colorstrip">
colorstrip being pushed on verticalline. add position:absolute; , fix it. careful, absolute positioning can make things messy fast.
#colorstrip { height: 0px; border-bottom:solid 30px #ff8533; margin-left: 100px; } #verticalline { position:absolute; border-left: solid 12px #ff4719; margin-left: 480px; height: 100%; } <div id="verticalline"> </div> <div id="colorstrip">
Comments
Post a Comment