Grow your CSS skills. Land your dream job.

put horizontal rule using css

  • # March 18, 2013 at 2:04 am

    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;
    }

    # March 18, 2013 at 3:04 am

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

    # March 18, 2013 at 3:13 am

    ok.. how to give height to p?

    # March 18, 2013 at 5:05 am

    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;
    }

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".