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