jquery - jqueryモバイルで同じdivに2つのアイコンを与える方法は?

Question

のようなテキストを持たずにアイコンに表示したいleft arrow and right arrow

出力は次のようになります。

<  Saturday Sep 08 2012 >

私は次のように試しました：

<div data-role=content data-theme="c" style="text-align:center"  >
        <a href="#" data-role="button" data-icon="arrow-l" data-iconpos="notext"></a> 
        <span><font size="1px" color="blue" >Saturday Sep 08 2012</font></span>
        <a href="#" data-role="button" data-icon="arrow-r" data-iconpos="notext"></a> 
    </div>