Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 279
  • Last Modified:

vertical alignment for the LI tags

Hi,
I am trying to make the LI tags within the UL to aligned the text to the left.
If I have one line text then its coming up OK - however for the mulitple lines its not aligning th text vertically.
Please can someone advise?
Please visit the html page from the link and I am referring to this section

"Each gift box contains:"

on the page

Each gift box contains:
http://www.groomup.com/www/giftnew/index2.html

Open in new window

0
daira
Asked:
daira
  • 3
  • 2
1 Solution
 
EyalCommented:
remove list-style-position from the css
0
 
dairaAuthor Commented:
Hi,

I am referring to thsi section

    *
          o Welcome Letter
          o Your Gift Explained
          o Online registration details Online registration details
          o Cast Lists
    *
          o Welcome Letter Online registration details
          o Your Gift Explained
          o Online registration details
          o Cast Lists


Please check  the

o Welcome Letter Online registration details

from the right side LI tag

I am not using that property row-list class
thanks
0
 
LZ1Commented:
Can you show us an image of what it's supposed to look like? I've seen it in FF and IE and the only difference is in FF the list has the disc's for images.
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
dairaAuthor Commented:
Hi,
Please check the attached
Thanks
vertical-aligned-for-multiple-li.GIF
0
 
EyalCommented:
.col-list ul li {
    float: left;
    list-style: none outside none;
    margin-right: 12px;
    padding: 0;
    text-align: left;
    width: 250px;
}

.row-list ul li {
    color: #666666;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 14px;
    padding: 0;
    white-space: pre-wrap;
}
0
 
dairaAuthor Commented:
Thanks
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

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