我如何獲得內聯塊在Safari上縮進

Question

我正嘗試從Safari上的內嵌塊中縮進文本。它只在鉻中縮進。

我已經嘗試使用餘裕。這工作在鉻中，但在Safari瀏覽器中，我必須調整餘量左邊到另一個數字，他們看起來是一樣的。

我試過文本縮進和內嵌塊現在沒有正確包裝。

HTML

 <nav> 
    <ul> 


     <li><a href="#" >Home</a></li> 
     <li type="checkbox" class="sub"> 
     <input type="checkbox" /> 
     <a href="#" >Profile</a> 


     <!-- Begin--> 

      <ul class="submenu"> 
      <li > 
      <a target = "box">Profiles</a> 

      </li> 

     </ul> 
     </li> 


     <!-- end--> 
     <li class="sub"> 
     <input type="checkbox" /> 
     <a href="#" >Logs</a> 


     <!-- Begin--> 

      <ul class="submenu"> 
      <li > 
      <a target = "box" >View Logs</a> 

      </li> 
      <li > 
      <a target = "box" >Testing a long test</a> 

      </li> 

     </ul> 
     </li> 

     </li> 

    </ul> 
    </nav> 

鉻CSS

nav .submenu a { 

*zoom: 1; 
*display: inline; 
    display: inline-block; 
    max-width: 122px; 
    margin-left: 55px; 

    padding: 3px 1px 3px 0px; 

}

CSS在Safari

nav .submenu a { 

*zoom: 1; 
*display: inline; 
display: inline-block; 
max-width: 122px; 
    margin-left: 65px; 

    padding: 3px 1px 3px 0px; 

} 

我試着變量把重要的是看不到任何東西覆蓋它太一個這並沒有幫助他們看起來一樣。

我也試過

text-indent：50px;

Answer 1

製作一張沒有內容的表格，並將其放在文本之前。

<table> 
    <tbody> 
     <tr> 
      <td width="65px"> <!--this is the indent, don't forget to style it so it becomes invisible.--></td> 
     </tr> 
    </tbody> 
</table>