html - 如何让 inlineblock 缩进 safari

Question

我正在尝试从 safari 上的内联 block 中缩进文本。它仅在 chrome 中缩进。

我试过使用 margin left。这在 chrome 中有效，但在 safari 中我必须将 margin-left 调整为另一个数字以使它们看起来相同。

我尝试了文本缩进，但行内 block 现在没有正确换行。

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>

Chrome 中的 CSS

 nav .submenu a {

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

  padding: 3px 1px 3px 0px;

Safari 中的 CSS

 nav .submenu a {

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

  padding: 3px 1px 3px 0px;

 }

我尝试将 important 放在变量上以查看是否有任何东西也覆盖了它，但这并没有帮助它们看起来相同。

我也试过

文本缩进: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>