次のコードの「ダウンロード」ボタンの位置は、その左側のテキストのサイズによって異なります。テキストが長い場合、ボタンは右に押され、テキストが小さい場合、ボタンは左に離れすぎます。
<td><p><strong>jk</strong></p><div><p>jk</p></div><span class="rating stars-4"></span></td>
<td><p><strong>Version:2.0</strong></p><a class="button-flat" href = "http://randomdomfile.com/random.txt>Download</a></td>
私が言いたいことを示すために写真も添付しました。
基本的に、バージョンとダウンロードの位置は、タイトルまたは「jk」のサイズに依存します。ボタンとバージョンを常に画面の右端に押してほしい。どうすればいいですか?
更新:あなたが言ったことに従って、私が使用している新しいコードは次のとおりです。
<td><p><strong>jk</strong></p><div><p>jk</p></div><span class="rating stars-4"></span></td>
<td><div class = "newformat"><p><strong>Version:2.0</strong></p><a class="button-flat" href = "http://randomdomfile.com/random.txt>Download</a></div></td>
.newformat{
position:absolute;
right:0;
}
a.button-flat {
display: block;
line-height: 40px;
height: 40px;
width: 100px;
background: #F6F6F6 url(../images/sprite-button-flat.png) repeat-x 0px 0px;
text-align: center;
border-bottom: 2px solid #D8D8D8;
border-left: 1px solid #D8D8D8;
border-right: 1px solid #D8D8D8;
border-top: 1px solid #D8D8D8;
text-decoration: none;
color: #333333;
padding: 0 .3em;
margin-bottom: 0.5em;
}