align td der Tabelle auf der rechten Seite

Question

In meiner Anwendung habe ich eine Tabelle, die tr wie unter

<tr> 
    <td><strong>Item Total:</strong></td> 
    <td><strong style = "float:right">₹975.00</strong></td> 
</tr> 

ich bewegen möchte zuerst td nah an meinem zweiten td hat. Wenn ich css wie margin-left:20px; anwende, macht es den Trick für mich, aber es verschiebt auch meine anderen trtd auch. Was ich nicht möchte passieren.

Meine anderen tr ist wie unter

<tr> 
    <td class="item-image"><img alt="Loose" 
    src="loose.png1466140997"> </td> 
    <td class="item-name">Loose Tea</td> 
    <td class="item-qty">1</td> 
    <td class="item-price">₹200.00</td> 
</tr> 

Unten ist die ähnliche fiddle.

Bitte helfen.

Answer 1

versuchen diese

<table> 
 
    <tr> 
 
    <td class="item-image"><img alt="Loose" 
 
    src="loose.png1466140997"> </td> 
 
    <td class="item-name">Loose Tea</td> 
 
    <td class="item-qty">1</td> 
 
    <td class="item-price">₹200.00</td> 
 
    </tr> 
 
    <tr> 
 
    <td colspan="3" align="right"><strong>Item Total:</strong></td> 
 
    <td><strong style = "float:right" >₹975.00</strong></td> 
 
    </tr> 
 
</table>

Answer 2

Ich denke, Rockers Technologie für Sie die richtige Antwort hat. Bis auf den "align" -Teil, der mit HTML5 abgesetzt ist. Verwenden Sie stattdessen CSS.

HTML

<tr><td colspan="3" class="text-right"><strong>Item Total:</strong></td><td><strong style="float: right;">₹975.00</td></tr> 

CSS

.text-right { text-align: right; } 

Und kann jemand sagte mir, warum ich Zeilenumbrüche in Code-Schnipsel verwenden kann nicht? -.-