• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 197
  • Last Modified:

Bullets line up - website builder

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
rowfei
Asked:
rowfei
  • 2
1 Solution
 
nexusnationCommented:
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
 
rowfeiAuthor Commented:
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
 
nexusnationCommented:
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
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.

Join & Write a Comment

Featured Post

Cloud Class® Course: CompTIA Cloud+

The CompTIA Cloud+ Basic training course will teach you about cloud concepts and models, data storage, networking, and network infrastructure.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now