Solved

Bullets line up - website builder

Posted on 2008-06-16
3
177 Views
Last Modified: 2010-04-25
Hi,

For some reason, my seond line of bullets doesn't line up, please see below:

.Test Test Test Test Test Test Test
Test Test Test Test Test Test Test Test
.Test Test Test Test Test Test Test
Test Test Test Test Test Test Test Test

How can I modify my codes to show as the follow:

.Test Test Test Test Test Test Test
  Test Test Test Teset Test Test Test
. Test Test Test Test Test Test Test
  Test Test Test Test Test Test Test

I am using the css style and below is the line codes:

.nav ul {
text-align:left;
list-style-type:none;
display:block;
margin:10px;
padding:0;
}

Thanks in advance

Regards
0
Comment
Question by:rowfei
  • 2
3 Comments
 
LVL 12

Expert Comment

by:nexusnation
ID: 21800354
Um, you're using:

list-style-type:none;

So how are you creating your bullets? • ??

Let's say you *didn't* have list-style-type as none.  Then, you could set list-style-position to inside (what you have) or outside (what you want).
0
 

Author Comment

by:rowfei
ID: 21837803
I just use the <li>, please see codes below:

      <p>
                                                            <li>
                                                            <font face="Verdana" style="font-size: 8pt">Test Test Test </font>.</font></li></div>
                                                      <div class="spase">
                                                            <li>
                                                            <font face="Verdana" style="font-size: 8pt">Customers: </li>
                                                            Test Test Test</font></font><ul>
                                                                  <li></li>
                                                            </ul>

Thanks
0
 
LVL 12

Accepted Solution

by:
nexusnation earned 500 total points
ID: 21838579
Use this:

ul {
list-style square outside;
margin:10px;
padding:0;
}

<ul>
  <li>Test test test.</li>
  <li>Test test test.</li>
  <li>Test test test.</li>
  <li>Test test test.</li>
</ul>
0

Featured Post

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

808 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