-
#HTML form judo. (It’s valid.) <!DOCTYPE html> <title>Test</title> <style> html { max-width: 30ch } label { display: block; overflow: auto } label input { float: right } </style> <form> <label>Foo <input></label> <label>Bar <input></label> <input type=submit> </form>On twitter.com
♻️ 3 Retweets ❤️ 2 Favorites Mood -1 🙁
-
What is this? The code represents an old method to write and style forms. It has limitations, and yet it’s one of the simplest and fastest form setups there is. Challenge this with even simpler HTML and CSS! Can you “out-flex” or “grid” it? Pen: codepen.io/j9t/pen/gOmJamYPermalink On twitter.com