ナビゲーションリンクにCSSの三角形を使用しようとしましたが、トランケーションのためにスパンで使用できません。

Question

私はナビゲーションリンクとしてのCSS trinagles（例えばhttp://css-tricks.com/snippets/css/css-triangle/またはhttp://davidwalsh.name/css-triangles）を使用したい -

しかし、彼らはのdivので三角形をしている

http://jsfiddle.net/DBK35/のように、彼らはすなわち、http://jsfiddle.net/43RCf/
'を刻んだ' getとtrinaglesはありませんが、 #arrow-leftと#arrow-rightにdisplay: inline-blockを追加
「左矢印 『の画像』右矢印」

Answer 1

：私は、私はあるナビゲーションバーをしたい、ラインはそれらののdivのを壊したくありません。

http://jsfiddle.net/thirtydot/43RCf/2/

Answer 2

が「チョップ」-nessを取り除くために、ちょうどあなたのspanの

そしてfloat: leftへのスパンとイメージの両方にdisplay:blockを置きます。

http://jsfiddle.net/aNmvc/16/