html - 中间带有加号图像的单杠？

Question

我正在设计一个页面，该页面需要一个中心带有加号图像的水平栏。像这样，

我试过了，

<div><img src="http://s7.postimage.org/z6jiogw6f/add_icon.png" /></div>

div{
    background: #ced8e7;
    padding: 1px 0;
    position: relative;
    text-align: center;
    overflow-x: hidden;
}

但是 bar 不是圆形的，plus image 完全在 Bar 里面。谁能帮忙？ sample ，http://jsfiddle.net/PSAEJ/

Answer 1

试试这个，它会工作测试:

更新: jsbin demo