Posted on 2012-08-25
Last Modified: 2012-09-10
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?

Question by:rowfei
    LVL 49

    Expert Comment

    by: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


    Author Comment

    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 */
    LVL 49

    Accepted Solution

    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.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Enabling OSINT in Activity Based Intelligence

    Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

    When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
    Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
    In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
    In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…

    737 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    16 Experts available now in Live!

    Get 1:1 Help Now