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><span style="font-size: small;"><strong>&nbsp;Standard Overnight Express*</strong>&nbsp;service with guaranteed 1 day delivery by 5 pm the next business day in all 50 states for a flat rate of&nbsp;<strong><span style="text-decoration: underline;">$20.00</span></strong>. (Note: No Saturday / Sunday delivery.)</span></li>
<li><span style="font-size: small;"><strong>&nbsp;Express Saver 3 Day</strong>&nbsp;service with guaranteed 3 business day delivery anywhere in the 48 contiguous states for a flat rate of&nbsp;<strong><span style="text-decoration: underline;">$15.00</span></strong>. (Note: No Saturday / Sunday delivery.)</span></li>
<li><span style="font-size: small;"><strong>&nbsp;USPS &nbsp;Express Mail </strong><strong>service with guaranteed</strong><strong> </strong>overnight delivery to most U.S. locations for a flat rate of <strong><span style="text-decoration: underline;">$17.00</span></strong>.</span></li>

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

Thanks,
rowfeiAsked:
Who is Participating?
 
Julian HansenCommented:
The above is css and it will only work if you fix your html - you need to fix the issue with the enclosed <ol> as well.
0
 
Julian HansenCommented:
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

0
 
rowfeiAuthor Commented:
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 */
}
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.