我有一個位置為:absolute的div，位于其父元素的中心。

我需要位置:絕對div子元素是內聯的。

我嘗試了float: left和display: inline-block，但不知何故，它們在某個寬度后就不能內聯了。

這個怎么解決？

.parent {
  border: 1px solid blue; 
  position: relative;
}

.child {
  border: 1px solid red;
  position: absolute;
  left: 50%;
  top: 40px;
  transform: translateX(-50%);
}

em, ul, ul {
  float: left;
}

ul li {
  display: inline-block;
}

<div class="parent">
  <div class="child">
    <em><img src="https://placehold.co/40x40"/></em>
    <ul>
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
      <li>Item 4</li>
      <li>Item 5</li>
      <li>Item 6</li>
    </ul>
    <ul>
      <li>En</li>
      <li>Pt</li>
    </ul>
  </div>
</div>