テキスト入力欄の中にボタンの入れ方

Question

テキスト入力欄の中でテキストを左側に書き右側にボタンをつけるにはどうすればよろしいですか

Comments

[azuapricot]

イメージ図が欲しいですね
中にどうしてもいれたい理由はなんでしょうか

[hatena19]

現状のHTMLとCSSも提示してほしいですね。

Answer 1

送信時にボタンを送るのではなければテキストはテキストで
右側にボタンをおけばいいだけでは？

Answer 2

どうしてもということなら、ネガティブマージンで無理やり重ねるとか。

<div>
  <input type="text" id="txt">
  <input type="button" value="btn" id="btn">
</div>

#txt {
  padding: 5px 35px 5px 5px;
}

#btn {
  margin-left: -42px;
}

動作確認用サンプル