Solved

Bullets line up - website builder

Posted on 2008-06-16
3
174 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

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Suggested Solutions

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
Developer portfolios can be a bit of an enigma—how do you present yourself to employers without burying them in lines of code?  A modern portfolio is more than just work samples, it’s also a statement of how you work.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

813 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