与列表

Question

如图1所示，我有一个<ul>列表，由wordpress“显示帖子短码”插件创建。

我希望在图像和文本之间有一条垂直线（见图2）。

我不知道如何解决这个问题。

图片：http://imgur.com/a/HfuUG

这是网站：here

如果你知道如何解决这个问题，那将是非常好的。

Answer 1

有几个解决方案。由于此网站似乎没有响应，图像列宽似乎是固定的，我最简单的解决方案是......

1. 根据线条的宽度创建图像。看起来3px乘3px红色方块会起作用。我将它命名为red3x3.png并将其放在images文件夹中。

2. 在style.css文件的第442行添加以下行.display-posts-listing rule：

   .display-posts-listing { list-style: none; display: inline-block; float: right; width: 100%; /* add following 4 lines */ background-image: url(/bilder/red3x3.png); background-repeat: repeat-y; background-size: 1%; background-position-x: 220px; }

同样，这里有几个其他解决方案，但我认为这个解决方案更容易和更安全。