Home/ Questions/Q 7420347
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T08:13:21+00:00

<html xmlns=http://www.w3.org/1999/xhtml> <head> <title></title> <style type=text/css> li { display:inline; list-style-type:none; padding-left:1em; margin-left:1em; border-left:1px solid

  • 0
  <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
   <title></title>
    <style type="text/css">
   li {
      display:inline;
      list-style-type:none; 
      padding-left:1em;
      margin-left:1em;
      border-left:1px solid #ccc;
      }
   li:first-child {
     border-left:none
   }


  </style>
 </head>
 <body>

<table  cellspacing="0px;" style="border-top-width:0.1px; 
 border-top-style:solid;border-top-color:#ccc; border-bottom-color:#ccc; 
  border-bottom-style:solid; border-bottom-width:0.1px;">
 <tr>
    <td>
          <ul>
           <li><a href="#">Item one</a></li>
            <li><a href="#">Item two</a></li>
            <li><a href="#">Item three</a></li>
             <li><a href="#">Item four</a></li>
          </ul>
    </td>
    </tr>
</table>
</body>

When i am runnning the code in google chrome top and bottom borders are not displayed while in IE they are.
I also want to increase the line seperator height between li tags
Am I following the right approach.Can anyone help

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Use

    border-top-width:1px;

    and not

    border-top-width:0.1px;

    Your measurement is pixels, but your syntax is as if you are using em’s.

    This issue is also evident in your cellspacing tag.

    • 0