HTML中的横线效果是怎么实现的

Question

上图中的横线效果，和最右侧的那个符号链接是怎么实现的？

Answer 1

实现这种样式有多种方式，比如说，第一种，实现左面的长线条，可以设置一个div，这个div的height可以是1px或者2px,然后设置color，右面的短横线同理，然后让这两个div浮动，也就是float。第二种方式：可以用ps做一个这样的图片，然后利用定位，position来实现 。