如何制作缩进列表并使用双箭头作为我的角色

Question

我有一个列表，我希望看起来像这样：

» Hello here is a line that
  breaks
» Hello here is a line that
  breaks
» Hello here is a line that
  breaks

我使用：之前添加双箭头：

li{
  width: 80px;
}
li:before {
  content: "\0273";
}

这会产生一个看起来像这样的列表：

» Hello here is a line that
breaks
» Hello here is a line that
breaks
» Hello here is a line that
breaks

我如何缩进第二行呢？我不想使用图片。

Answer 1

尝试这样的事情：

ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

li {
  padding-left: 16px;
  text-indent: -14px;
    width: 100px;
}

li:before {
  content: "+";
  padding-right: 5px;
}

Here's a fiddle