W3Schools Tryit Editor

<!doctype html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content=" initial-scale=1">
<body>
<div>
 <h2>Form Elements in a Grid</h2>
 <p>In this example, we use W3.CSS' Responsive Grid System to make the inputs appear on the same line (on smaller screens, they will stack horizontally with 100% width). You will learn more about this later.</p>
</div>
<div>
 <div>
 <input type="text" placeholder="One">
 </div>
 <div>
 <input type="text" placeholder="Two">
 </div>
 <div>
 <input type="text" placeholder="Three">
 </div>
</div>
</div><div class="naked_ctrl">
<form action="/index.cgi/larger-text" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="http://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_input_grid">(->オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="http://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_input_grid" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast">配色反転</option>
<option value="larger-text" selected="selected">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>		
</body>
</html>