asked on

List-style-potsition

I have difficulties to display the bullet points in side on my webpage.

I have added the codes below to the CSS file:

ul.a {list-style-position:inside;}

Codes below in the html:

<ul class="a">
<ul class="a"><ol class="cms-decimal-bullet" start="1">
<li> Standard Overnight Express* service with guaranteed 1 day delivery by 5 pm the next business day in all 50 states for a flat rate of $20.00. (Note: No Saturday / Sunday delivery.)</li>
<li> Express Saver 3 Day service with guaranteed 3 business day delivery anywhere in the 48 contiguous states for a flat rate of $15.00. (Note: No Saturday / Sunday delivery.)</li>
<li> USPS  Express Mail service with guaranteed overnight delivery to most U.S. locations for a flat rate of $17.00.</li>

But the web pages still show the bullet point outside. Any idea?

Thanks,

Julian Hansen

Please make use of the code tags to included in page code - it makes it a lot easier to read than posting into the body of the message.

In the toolbar click the code button and paste your code between the tags.

Also your code is not complete you have two opening <ul>'s and a <ol> but no closing tags for these it is not clear if that is what you intended because you are talking about bullets but this list will display numbers?

I suspect though that adding the following might help

ul.a {
  list-style-position: inside;
  padding: 0; /* ADD THIS */
}

Open in new window

rowfei

ASKER

Sorry, I am really new to CSS.

Should I add the codes below in CSS or html?

ul.a {
list-style-position: inside;
padding: 0; /* ADD THIS */
}

ASKER CERTIFIED SOLUTION

Julian Hansen

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial