html - Create two large text areas encompassing the entire screen -
i have 2 gigantic text areas encompass entire screen. tried adjusting number of rows , columns , did not work prefer have responsive screen. open using bootstrap want keep simple possible.
here the project , relevant code:
enter 2 text blocks compare: <form action="/" method="post"> <textarea name="a"></textarea> <textarea name="b"> </textarea> <input type="submit" value="execute" /> </form> here entire document.
<!doctype html> <html> <head> <title>ven diagram</title> <style type=”text/css”> form{ width: 100%; position: relative; } textarea:first-child{ width: 50%; float:left; } textarea:nth-child(2){ width: 50%; float:right; } </style> </head> <body> program allows match text. enter 2 text blocks compare: <form action="/" method="post"> <textarea name="a"></textarea> <textarea name="b"> </textarea> <input type="submit" value="execute" /> </form> {% messages = get_flashed_messages() %} {% if messages %} results: <pre> {% message in messages %} {{ message }} {% endfor %} </pre> {% endif %} {% endwith %} </body> ~
whatever have provided, think thing want.
just go link , resize browser.
it work size of screens. click on edit pen @ lower left corner of screen see code.
http://codepen.io/neonirav/full/dbtmk
regards.
Comments
Post a Comment