Html 将列表或表格与中心元素对齐

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

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

正文

正文

ul宽度应为100%。 图像应始终位于页面的中心。（左：50%宽度/2）。 文本元素应该“停靠”到图像。（文本对齐：左//文本对齐：右）。 到目前为止还不错，但现在的问题是， hr元素宽度应延伸至ul宽度的其余部分。 左边从0到文本元素，右边的hr从右边的文本到100%

我试着用一张桌子和一个盘子，但没能让它工作

如果有任何帮助，我将不胜感激