<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> Pure.CSS Grouped Input </title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/pure-min.css"> </head> <body> <style> form{ margin: 20px; } </style> <form class="pure-form"> <fieldset class="pure-group"> <input type="text" class="pure-input-1-2" placeholder="Username"> <input type="text" class="pure-input-1-2" placeholder="Password"> <input type="email" class="pure-input-1-2" placeholder="Email"> </fieldset> <fieldset class="pure-group"> <input type="text" class="pure-input-1-2" placeholder="A title"> <textarea class="pure-input-1-2" placeholder="Textareas work too"></textarea> </fieldset> <button type="submit" class="pure-button pure-input-1-2 pure-button-primary">Sign in</button> </form> </body> </html>
