Everyone Needs a Place

Here's a list of the HTML I tinkered with to make things such as textboxes and images responsive to browser sizes. They're mostly optimized for solarbird's Coexistence Alpha for Neutral Good, but should work for other styles too. I'm very new to all this but so is almost everyone on my access list.

Credit to Owlcation for How to Align Images and How to Align Images Side-by-Side for providing the base.

<textarea style="width:98%;height:5em;max-width:100%;line-height:1em;padding:0.313em;"> <user name=[USER NAME]> has a <a href="[URL]">post</a> about [TITLE OF TOPIC]. </&textarea> Remove the "&" in /textarea. I couldn't make the textbox work otherwise.

<p style="text-align: center;"> <img src="[IMAGE URL]" alt="[TEXT]" style="max-width:92%; margin-left:2%; margin-right:2%; margin-bottom: 0.5em" /> </p>

<p style="text-align: center;"> <a href="[LINK URL]"><img src="[IMAGE URL]" alt="[TEXT]" style="max-width:92%; margin-left:2%; margin-right:2%; margin-bottom: 0.5em" /> </p></a>

<p style="margin-left: 2.5em;"> <img src="[IMAGE URL]" alt="[TEXT]" style="float: left; max-width:46%; margin-right: 1%; margin-bottom: 0.5em;" /><img src="[TEXT]" alt="[TEXT]" style="float: left; max-width:46%; margin-right: 1%; margin-bottom: 0.5em;" /> <p style="clear: both;">

<p style="margin-left: 2.5em;"> <img src="[IMAGE URL]" alt="[TEXT]" style="float: left; max-width:30%; margin-right: 1%; margin-bottom: 0.5em;" /><img src="[IMAGE URL]" alt="[TEXT]" style="float: left; max-width:30%; margin-right: 1%; margin-bottom: 0.5em;" /><img src="[IMAGE URL]" alt="[TEXT]" style="float: left; max-width:30%; margin-right: 1%; margin-bottom: 0.5em;" /> <p style="clear: both;">