Hi Folks,

I am trying to create an HTML form (job application) that will POST through an action.php. My output comes out looking ok except if my message (response to questions) is long it scrolls right off the page. I have tried putting "\r\n" or word-wrap but it doesn't matter. Anyone have an idea how I should do this? Or should I have it output to email?

Code attached below

Thanks

HTML Code:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Application</title>
<link href="css/style.css" rel="stylesheet" type="text/css">

</head>

<body>
   <div class="container">
   <div class="header">
    <!-- end .header -->
   </div>
   
   <div class="content">
    <h1 class="h1">Employment Application</h1>
    <p>Thanks for your interest in our company. Please fill out the form below and select Submit. 
       <span class="required">Fields with an asterisk (*) are required.</span> </p>
    <hr>
    
<form id="employeeApp" name="employeeApp" method="post" action="action2.php">    
   <fieldset>
       <legend>Contact Information</legend>
      
       <span class="required">*</span> 
         <label for="fname">First Name:</label>
         <input name="fname" type="text" id="name" size="30" maxlength="50">
    <br />
       <span class="required">*</span> 
         <label for="lname">Last Name:</label>
         <input name="lname" type="text" id="name" size="30" maxlength="50">
    <br />
       <span class="required">*</span> 
         <label for="address">Address:</label>
         <input name="address" type="text" id="name" size="30" maxlength="50">
    <br />
       <span class="required">*</span>
         <label for="city">City:</label>
         <input name="city" type="text" id="name" size="30" maxlength="50">
    <br />
       <span class="required">*</span>
         <label for="state">State:</label>
         <input name="state" type="text" id="name" size="5" maxlength="5">
    <br />
       <span class="required">*</span>
         <label for="zip">Zip:</label>
         <input name="zip" type="text" id="name" size="9" maxlength="10">
    <br />
       <span class="required">*</span>
         <label for="phone">Phone:</label>
         <input name="phone" type="text" id="name" size="15" maxlength="50">
    <br />
       <span class="required">*</span>
         <label for="email">Email:</label>
         <input name="email" type="text" id="name" size="30" maxlength="50">
   
    </fieldset>
    
    <fieldset>
       <legend>Questions</legend>
    <p>Question 1<br>
        <textarea name="message" cols="75" rows="4" class="content"></textarea>
    </p>
    
    <p>Question 2 <br>
        <textarea name="message2" cols="75" rows="4" class="content"></textarea>
    </p>
    <p>Question 3 <br>
        <textarea name="message3" cols="75" rows="4" class="content"></textarea>
    </p>
    
    <input type="submit" name="Submit" id="submit" value="Submit" />
    
    </p>
    </fieldset>
</form>

<!-- end .content --></div>
  <div class="footer">
    <p>Copyright &copy; 2013  </p>
    <!-- end .footer --></div>
  <!-- end .container --></div>
</body>
</html>
PHP Code:

//default fields to be printed from the form

echo "<h2>Application Information</h2>";
echo 
"<h3>Contact Information</h3>";
echo 
"<strong>First Name: </strong> " $_POST['fname']. "<br />"
echo 
"<strong>Last Name: </strong> " $_POST['lname']. "<br />";
echo 
"<strong>Address: </strong> " $_POST['address']. "<br />";
echo 
"<strong>City: </strong> " $_POST['city']. "<br />";
echo 
"<strong>State: </strong> " $_POST['state']. "<br />";
echo 
"<strong>Zip: </strong> " $_POST['zip']. "<br />";
echo 
"<strong>Phone: </strong> " $_POST['phone']. "<br />";
echo 
"<strong>Email: </strong> " $_POST['email']. "<br />";

echo 
"<h3>Response to Questions</h3>";

echo 
"<strong>Question 1: </strong>" $_POST["message"]."\r\n <br />";
echo 
"<strong>Question 2: </strong>" $_POST["message2"]."\n <br />";
echo 
"<strong>Question 3: </strong>" $_POST['message3']. " <br />";


 
?>