Line from left side of screen to end of centered div

css, html

Solution

here is another solution and it is cross browser http://jsfiddle.net/9qrSy/3

<div class="inner"></div>
<div class="wrapp"></div>

css 



   body {
    padding:8px;
}
div.wrapp {
    width:300px;
    height:300px;
    border:2px solid green;
    margin:auto;
    position:relative;
}
div.wrapp:before {
    content:'';
    position:absolute;
    width:100%;
    height:1px;
    right:0;
    top:-6px;
    background:blue;
    z-index:1;

}
.inner {
    width:50%;
    float:left;
    position:absolute;
    height:1px;
    left:0;
    top:12px;
     background:blue;


}

Problem

I want to make a 1 px line from the left side of the screen to the end of a centered `div`. The `div` is centered with `margin: auto;`. This image shows how it should look:

Original source