css - Remove default style from boostrap anchor link -


i want remove default styling a tag.

what trying achieve is, place a tag , other things in 1 line only. but, default a tag styling not allowing me.

here's code:

<table style="background: #dee3e0" class="table table-responsive table-condensed">     <thead>         <tr style="padding: 0">             <th class="text-center" style="font-size: 12px; padding: 0">name & qty</th>             <th class="text-center" style="font-size: 12px; width: 50px;padding: 0">rate</th>             <th class="text-center" style="font-size: 12px; width: 50px;padding: 0">amount</th>         </tr>     </thead>     <tbody>         <tr>             <td style="font-size: 12px">                 <img src="//placehold.it/45" alt="product image" />                 1x  <a href="" style="margin: 0; padding: 0">                         product name                     </a>                     <a href="javascript:void(0)" title="remove">                         <span class="pull-right text-danger">                             <i class="fa fa-trash fa-lg"></i>                         </span>                     </a>             </td>             <td class="text-right" style="padding-top: 7.5px; font-size: 12px">150.00</td>             <td class="text-right" style="padding-top: 7.5px; font-size: 12px">150.00</td>         </tr>         <!-- , other rows... -->     </tbody>      <tfoot>         <tr>             <td colspan="2" style="font-size: 12px; font-weight: bold" class="text-right">sub total</td>             <td class="text-right" style="font-size: 12px; font-weight: bold">425.00</td>         </tr>         <tr>             <td colspan="2" style="font-size: 12px" class="text-right">taxes</td>             <td style="font-size: 12px" class="text-right">50.00</td>         </tr>         <tr>             <td style="font-size: 12px" colspan="2" class="text-right">shipping</td>             <td style="font-size: 12px" class="text-right">100.00</td>         </tr>         <tr>             <td style="font-size: 12px; font-weight: bold" colspan="2" class="text-right">grand total</td>             <td style="font-size: 12px; font-weight: bold" class="text-right">575.00</td>         </tr>         <tr>             <td colspan="3"> <a href="javascript:void(0)" style="font-weight: bold; color: #65c400; margin-top: -10px">view cart</a>  <a href="javascript:void(0)" style="font-weight: bold; color: #65c400;" class="pull-right">checkout</a>              </td>         </tr>     </tfoot> </table> 

here's complete fiddle: http://jsfiddle.net/j4o8tff5/

1x quantity. want product name should placed next quantity itself. , hence trying remove default styling.

i have searched lot, not find solution.

kindly me out. thanks.

wrap quantity text in span tag, demo

<span>1x</span> 

Comments

Popular posts from this blog

php - failed to open stream: HTTP request failed! HTTP/1.0 400 Bad Request -

java - How to filter a backspace keyboard input -

java - Show Soft Keyboard when EditText Appears -