Question

I have a span next to each form element on a page that shows an error if there is one. There are basically two columns on the page, a left and a right. I’m trying to get the span to display from the left column all the way across the page (not getting wrapped to a 2nd line at the boundries of the left column).

I’ve been playing around with positioning and z-indexes for a while and can’t get it working, so I thought I’d post a jsfiddle to see if someone could help shed some light:

http://jsfiddle.net/zZ7MN/3/

Answer 1

.one_third, .two_third {
    float:left;
    margin-bottom:10px;
    margin-right:40px;
}

.formerror {
    position: absolute;
    width: auto;
    left: 320px;
    top: 45px;
    border: 1px solid #FF7878;
    background-color: #FFBABA;
    padding:4px 6px 4px 6px;
    color: #D8000C;
}