Grow your CSS skills. Land your dream job.

How to move the list style?

  • # July 25, 2010 at 10:56 am

    I have created a box and in which i us list style <ul> to create a list. Know when i put my text under <ul><li> it moves little bit right. I try several things to move it back little bit towards left side bit can’t figure it out.

    I am placing css code and html. Looking for help.

    CSS CODE:

    Code:
    .servicesbox
    {
    float:left;
    width:292px;
    margin-left:11px;
    margin-right:-300px;
    }
    .servicestext
    {
    float:left;
    font-size:11px;
    width:285px;

    }
    .listline
    {
    list-style:none;
    background-image:url(images/dotsline.jpg);
    height:1px;

    }

    HTML CODE:

    Code:
    Professional Services

    Money Recovery Australia is committed to reunite rightful owners with their money!. We specialise in recovering unclaimed money with regard to unclaimed

    • Deposits and Bonds – Electricity, Water, Telephone
    • Council Deposits and Rental Bonds
    • Unclaimed Banks and Savings Accounts funds
    • Unclaimed Deposits and Bonds
    • Unclaimed Council deposits and Rental bonds
    • Unclaimed Banks and Savings Accounts funds

    Thanks
    Kaleem

    Rob
    # July 25, 2010 at 12:35 pm

    I would recommend using a CSS Reset…

    http://meyerweb.com/eric/tools/css/reset/

    But to sort out that issue you can do this:

    Code:
    ul, li {

    margin:0;
    padding:0;

    }

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

You must be logged in to reply to this topic.

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