これは世界で最も基本的なことのように思えますが、いくらグーグルや実験をしても、存在しなければならない単純な解決策にたどり着くことはありません。
<div>
<input type="button" value="look up"/>
<input type="text" placeholder="word to search for">
</div>
「ルックアップ」ボタンは、テキストに合わせてちょうどいいサイズの左側にあり、テキスト入力がdivの残りの幅を埋めることを期待しています。しかし、代わりに、テキスト入力は一見恣意的な幅を取ります。
最新のブラウザーのみの最小限の答えだけを知りたいです。可能であればインラインスタイルのみを使用し、できればテーブルに頼ることはありません。
(これは、誰も目にすることのない個人的なコードのためのものであり、いくつかの基本を学ぶのに役立ちます。検索すると大量のもみ殻が表示され、Web サイトを調べると、大量のスタイリングを使用するため、最小限のものを見つけるのが困難になります。)