put horizontal rule using css

[pallavi1811]

Hi

below is my html code:

I believe my product has a covered hardware issue.

I have an AppleCare agreement for this product and need to register it.

I recently purchased Mac OS X.

My product was repaired within the last 90 days.

The computer I am using with this product has an AppleCare agreement.

iPhone 4 Bumper Settlement

Hard drive replacement program

I recently upgraded to iOS 6.0.2

now i want to put a horizontal rule after every p.. ut for both left and righ column it should come at same level.
what can i do.

below is my css till now:

.leftColumn{
width:400px;
margin-left: 120px;
border-right: 2px solid #E1E1E1;
padding-top: 10px;

}

.leftColumn p:after{
content=”.”;
border-bottom: 2px solid #E1E1E1;

}

.rightColumn{
width:400px;
float:right;
margin-top: -164px;
}

[Paulie_D]

Unless the paragraphs are the same height, you can’t achieve what you seem to be asking with pure CSS.

[pallavi1811]

ok.. how to give height to p?

[Paulie_D]

Unless you know how much content will be in the paragraph you shouldn’t be giving a set height.

But if you must

p {
height: some value;
}

[Author]

Posts