How to add line seperators HTML

[samipk]

you can add that part in your css or leave in html with style attribute.

For lines you can add borders, here is a quick way but you need to adjust your min-height according to your content. there is some other way you can check here
http://www.webtoolkit.info/css-clearfix.html

Below example will add quick dirty borders

<style type="text/css">
#content{
    width: 400px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    min-height: 50px;
    padding: 16px;
}
#right {
    float: right;
    border-left: 1px solid #CCC;
    padding: 16px;
}
#left {
    float:left;
    padding: 18px;
}
</style>

<div id="content">
<div id="right">
Your right content here
</div>

<div id="left">
Left content here
</div>
</div>

well i dont need borders at all , i just need a line seperator inbetween and thats all, the reason is that there is a LOT of code that will be aligned on the left and right on that line and not just simple text so the simple it is the better it is to sort for me

with float like someone already explained to you above or:

<div style="text-align:center;">move text to center</div>
<div style="text-align:left;">move text to left</div>
<div style="text-align:right;">move text to right</div>

don't know for what you need it.

please refer to the pic on top to view what i want, the above code you pasted although pretty good but doesnt show how to put a line separator

am sorry guys but am a beginner so bear with me if you get frustrated

samipk Reviewed by samipk on 31st May 2011. How to add line seperators HTML how can i align text on left and right of a line separator like the one below? http://lulzimg.com/i22/c40e3c.png any help is appreciated Rating: 5