insingertech
27 May 2009, 09:13 PM
Hi All,
I am trying to make a comment system but the CSS is not working.
The border-bottom does not work on the comment title and all of the border on comments_box.
HTML:
<div id="comments_box">
<div id="comments_title"><span class="left">Comments</span><span class="right">Add</span></div><br />
<div class="comment">
<div class="left">
Comment Content
</div>
<div class="right">
Delete
Report
</div>
</div>
</div>
CSS:
#comments_box{
width:500px;
border: 2px solid black;
}
.left{float:left;}
.right{float:right;}
#comments_title{border-bottom:2px solid black;}
I am trying to make a comment system but the CSS is not working.
The border-bottom does not work on the comment title and all of the border on comments_box.
HTML:
<div id="comments_box">
<div id="comments_title"><span class="left">Comments</span><span class="right">Add</span></div><br />
<div class="comment">
<div class="left">
Comment Content
</div>
<div class="right">
Delete
Report
</div>
</div>
</div>
CSS:
#comments_box{
width:500px;
border: 2px solid black;
}
.left{float:left;}
.right{float:right;}
#comments_title{border-bottom:2px solid black;}