List

Giganews Newsgroups
Subject: List
Posted by:  shapper (mdmou…@gmail.com)
Date: Sun, 1 Feb 2009

Hello,

I am styling a list:

<ul>
  <li><span>Error 1</span></li>
  <li><span>Error 2</span></li>
</ul>

As follows:

      ul.Validation {overflow: hidden;}

        ul.Validation li { float: left; margin: 5px 3px; }

          ul.Validation li span {
            background-color: red;
            color: white;
            font: normal 0.9em Verdana, Geneva, sans-
serif;
            padding: 0.2em 0.4em;
          }

Basically I need to make the list items to be side by side with margin
and padding and red background color.

Can I do this but without using the span tags?

I need to remove the span tags as my server side code is not rendering
them.

Thanks,
Miguel

Replies