Question

I have a website with typical blog layout – one post under another. I would like to place a div that would be like a ‘pipe’ joining them all – from the top one to the one at the bottom.

THIS picture might explain help you understand my idea. (sorry for handwriting)

I were thinking for example of wrapping whole post area inside of div, resizing it horizontally to smaller, fixed width and centering but could I do that without affecting the contents? I want just the background of that ‘pipe’ to appear.

Thank you

Answer 1

You can wrap it in a div, and absolutely position the pipe behind it.
Something like:

.wrapper {
  poisition: relative;    
}

.pipe {
  position: absolute;
  top:5%;
  width: 50px;
  height: 90%;
} 

Like this: http://jsfiddle.net/eMKaW/