title: css / html - remove space before li tag
body: <p>I want to remove the space (marked as yellow) before the li tag and i don't know how.</p>
  
  <p>I read other questions about this issue but it doesn't help me, I tried to add margin:0px</p>
  
  <p>this is a  screenshot that describes the problem:</p>
  
  <p><img src="https://i.stack.imgur.com/1rKJk.jpg" alt="enter image description here"></p>
  
  <pre><code>&lt;html dir="rtl"&gt;
  &lt;head&gt;
  &lt;title&gt;&lt;/title&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=windows-1255"&gt;
  &lt;meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"&gt;
  &lt;style type="text/css"&gt;
  
  *
  {
      font-size:13pt;
      font-family:Arial;
  }
  
  hr {
  border:1px; Border-Style: solid; border-color: D8D8D8;
  }
  
  .menu ol,ul{list-style:none; }
  .menu ul li{    display:block; }
  
  .menu{
  }
  .menu a{
      background:#f9f9f9;
      border-bottom:1px solid #eee;
      display:block;
      padding:13px;
      color:#767676;
      font-size:12px;
  }
  .menu a:hover{
      background:#fff;
  }
  header .menu{
      border-top:1px solid #eee;
  }
  header .menu a{
      padding:15px 15px 15px 25px;
  }
  header .menu li:last-child a{
      border-bottom:none;
  }
  
  
  a:link, a:visited, a:active {color: #033254 } 
  a:hover{color:E19E21} a{text-decoration:none}
  &lt;/style&gt;
  &lt;body bgcolor='#FDFDF7' leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"&gt;
  
  
              &lt;ul class="menu"&gt;
  
  
  &lt;li&gt;&lt;a href="eeee"&gt;aaaaaa&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="eeee"&gt;aaaaaa&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="eeee"&gt;aaaaaa&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="eeee"&gt;aaaaaa&lt;/a&gt;&lt;/li&gt;
  
  &lt;/ul&gt;       
  </code></pre>