Following is my HTML code,
<body>
<div id="wrapper">
<div id="left_border"></div>
<div id="main_content">
some text </br>
some text </br>
some text </br>
some text </br>
</div>
<div id="right_border"></div>
</div>
</body>
Here is my css,
#wrapper {
margin: 25px 20px;
height: auto;
}
#left_border, #right_border {
display: block;
width: 20px;
background-color: #ff0000;
}
#left_border {
float: left;
}
#right_border {
float: right;
}
my problem is, i am unable to showcase my border divs. I need to show both the borders up to my length of main_content div. Any idea?
Something like this? http://jsfiddle.net/6ZGXd/3/ The border will be the same height as the content div.