将列表或表格对齐到中心元素

Question

我正在尝试创建一个表或列表宽度为5的元素。

<ul id="wrap">
  <li><hr></li>
  <li>Text</li>
  <li><img/></li>
  <li>text</li>
  <li><hr></li>
</ul>

ul宽度应为100％。 图像应始终是页面的中心。 （左：50％ - 宽度/ 2）。 Text元素应该＆＃34; dock＆＃34;到图像。 （text-align：left // text-align：right）。 到目前为止这么好，但现在问题， hr元素宽度应该延伸到ul宽度的其余部分。 左边从0到文本elem，右边是从右边文本到100％。

我用一张桌子和一张李尝试过但是无法让它运转起来。

我很感激任何帮助。