右のフロートが期待どおりに機能しません。
ボタンを行の上のテキストの右側にうまく配置したい:
<div style="padding: 5px; border-bottom-width: 1px; border-bottom-color: gray; border-bottom-style: solid;">
My Text
<button type="button" class="edit_button" style="float: right; margin:5px;">My Button</button>
</div>
ただし、常に線の上に浮かんでいるようです。
DIV のパディングまたはマージンを増やしても、右側のボタンはまだ下の行に押し込まれているようです。
右側のボタンのパディングとマージンをいじってみましたが、テキストの横にきれいに配置できないようです。
フィドルはここにあります:
どうもありがとう