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

Popular posts from this blog

toolbar - How to add link to user registration inside toobar in admin joomla 3 custom component -

linux - disk space limitation when creating war file -

How to provide Authorization & Authentication using Asp.net, C#? -