Icons do not stay on the same line

1

Good morning. I have two icons inside a table and I need them to be on the same line. When the page loads they are aligned:

ButwhenInavigatetoanothertabandreturntothistab,theiconslooklikethis:

Followmycode:

<tdstyle="width:10%; max-height:20px">
 <span class="glyphicon glyphicon-pencil btn blue-madison" data-toggle="tooltip" data-placement="top" title="Editar" style="float:left; position:static">
    <a href="#" class="">
    </a>
 </span>

 <span class="glyphicon glyphicon-trash btn red exclusao" data-toggle="tooltip" data-placement="top" title="Excluir" style="float: right; position: static">
    <a href="#" class="">
    </a>
 </span>

What can I be doing wrong? or what I'm forgetting?

Grateful to whom to help.

    
asked by anonymous 05.09.2015 / 16:59

1 answer

1

Try not to use CSS within the HTML element. To create buttons use the element button of html5 .

Try this:

<table>
    <thead>Tabela
       <th>Ações</th>
    </thead>
<tbody>
<td>

<button class="btn btn-warning">
  <span class="glyphicon glyphicon-trash"></span>
</button>

<button class="btn btn-success">
  <span class="glyphicon glyphicon-pencil"></span>
</button>

</td>
</tbody>
</table>
    
05.09.2015 / 17:22