title: CSS issue between <h:commandLink> and <h:commandButton> for same style
body: <p>In my sample application am having 3 action  buttons in bottom  of JSF page  and it's designed by 2  command button and one by command link . the problem is I gave same style  class for these 3 , but command buttons displaying correctly in single line but command link not coming in same line.</p>
  
  <p>Example  in this page  A is by  and B,c are by </p>
  
  <pre><code>-----------------------------------------
  |                                        |
  |                                        |
  |                                        |  
  |                                        |
  |                        ----- -----     |
  |                 -----  | B | | c |     |
  |                 | A |  ----- -----     |   
  |                 -----                  |
  -----------------------------------------
  </code></pre>
  
  <p>I need to display in same single line. Style class for these buttons are.</p>
  
  <pre><code>.ButtonStyle{
      border: 1px solid #999;
      padding:1px 4px 1px 4px;
      color: #333;
      background-color: #e7e7e7;
      text-decoration: none;
      margin-right: 10px;
      display: inline;
      cursor:pointer;
  }
  </code></pre>
  
  <p>Coding for these 3 is:</p>
  
  <pre><code>&lt;div align="right'&gt;
   &lt;h:commandLink id="" action=".."  value="A" styleClass="ButtonStyle"/&gt; 
   &lt;h:commandButton id="" action=".."  value="B" styleClass="ButtonStyle"/&gt;
   &lt;h:commandButton id="" action=".."  value="C" styleClass="ButtonStyle"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The problem  which I found is in <code>&lt;h:commandlink&gt;</code> style is not match with <code>&lt;h:commandbutton&gt;</code>.</p>
  
  <p>Can any one help me to come out of this?</p>