jQueryのUIボタンの幅をアイコンと同じ距離にするにはどうすればよいですか？

Question

私はこのようなコードを持っている：

<div class="ui-widget"> 
    <ul style="list-style-type: none; padding-left: 0;" id="menuList"> 
     <li> 
     <a href="/C2D" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-secondary" role="button"> 
      <span class="ui-button-text">test test test</span> 
      <span class="ui-button-icon-secondary ui-icon ui-icon-triangle-1-e"></span> 
     </a> 
     </li> 
     ... 
     ... 
     <li> 
     <a href="/C2E" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-secondary" role="button"> 
      <span class="ui-button-text">test</span> 
      <span class="ui-button-icon-secondary ui-icon ui-icon-triangle-1-e"></span> 
     </a> 
     </li> 
     ... 
     ... 
     <li> 
     <a href="/C2F" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-secondary" role="button"> 
      <span class="ui-button-text">test test</span> 
      <span class="ui-button-icon-secondary ui-icon ui-icon-triangle-1-e"></span> 
     </a> 
     </li> 
    </ul> 
</div> 

私のCSSは次のようになります。

#menuList li a.ui-button span.ui-button-text { padding-top: 0; padding-bottom: 0; } 
#menuList a.ui-button { margin-bottom: 5px; height: auto } 

結果は、いくつかの見栄えのボタンのリンクです。

ただし、すべてのボタンの幅は異なります。私がしたいのは、例えば200pxのようにすべて同じ幅にし、右にポインタアイコンを縦に並べることです。何か次のリンクと同じ：

Flyout menu

は、私は私のリンクは次のように見えるようにCSSを変更することができ、いくつかの方法はありますか？

Answer 1

.ui-button { width: 200px; } 

私はあなたの問題が何かをよく理解していません。

Answer 2

#menuList a.ui-button { margin-bottom: 5px; height: auto; width:200px; }​