title: How to adjust table or content in CSS when printing?
body: <p>so I have this huge data table and I want to fit them all when I print it in a <code>legal</code> size paper. Right now all I have is the size of the paper but the content does not fit to it</p>
  
  <p>Here is my <code>CSS</code> codes:</p>
  
  <pre><code>@page {
    size:  legal;
  }
  @page :left {
    margin: 0.5cm;
  }
  
  @page :right {
    margin: 0.5cm;
  }
  </code></pre>
  
  <p>and here is my <code>table</code>: </p>
  
  <pre><code>&lt;div class="table-responsive"&gt;
  &lt;table border="1" style="table-layout: fixed;" align="center"&gt;
    &lt;caption class="center"&gt;PERSONAL&lt;/caption&gt;
    &lt;tr&gt;
      &lt;th align="left"&gt;NAME: &lt;/th&gt;
      &lt;td colspan="3"&gt;&lt;input type="text" name="full_name" size="37" value="&lt;?php echo $full_name; ?&gt;" disabled&gt;&lt;/td&gt;
      &lt;th colspan="1" align="left"&gt;MOBILE: &lt;/th&gt;
      &lt;td&gt;&lt;input type="text" name="phone_number" size="11" value="&lt;?php echo $phone_number; ?&gt;" disabled&gt;&lt;/td&gt;
      &lt;th align="left"&gt;RANK: &lt;/th&gt;
      &lt;td&gt;&lt;input type="text" name="crew_rank" size="10" value="&lt;?php echo $crew_rank; ?&gt;" disabled&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;th align="left"&gt;DATE OF BIRTH: &lt;/th&gt;
      &lt;td&gt;&lt;input type="text" name="date_of_birth" size="17" value="&lt;?php echo $date_of_birth; ?&gt;" disabled&gt;&lt;/td&gt;
      &lt;th align="left"&gt;AGE: &lt;/th&gt;
      &lt;td&gt;&lt;input type="text" name="age" size="5" value="&lt;?php echo $age; ?&gt;" disabled&gt;&lt;/td&gt;
      &lt;th align="left"&gt;TELEPHONE NUMBER: &lt;/th&gt;
      &lt;td&gt;&lt;input type="text" name="telephone_number" size="11" value="&lt;?php echo $telephone_number; ?&gt;" disabled&gt;&lt;/td&gt;
      &lt;th align="left"&gt;VESSEL: &lt;/th&gt;
      &lt;td&gt;&lt;input type="text" name="vessel" size="10" value="&lt;?php echo $vessel; ?&gt;" disabled&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;th align="left"&gt;PLACE OF BIRTH: &lt;/th&gt;
      &lt;td colspan="3"&gt;&lt;input type="text" name="place_of_birth" size="37" value="&lt;?php echo $place_of_birth; ?&gt;" disabled&gt;&lt;/td&gt;
      &lt;th colspan="1" align="left"&gt;RELIGION: &lt;/th&gt;
      &lt;td&gt;&lt;input type="text" name="religion" size="11" value="&lt;?php echo $religion; ?&gt;" disabled&gt;&lt;/td&gt;
      &lt;th align="left"&gt;JOINING DATE: &lt;/th&gt;
      &lt;td&gt;&lt;input type="text" name="joining_date" size="10" value="&lt;?php echo $joining_date; ?&gt;" disabled&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;th align="left"&gt;CITIZENSHIP/CIVIL STATUS&lt;/th&gt;
      &lt;td&gt;&lt;input type="text" name="citizenship" size="17" value="&lt;?php echo $citizenship; ?&gt;" disabled&gt;&lt;/td&gt;
      &lt;td colspan="2"&gt;&lt;input type="text" name="civil_status" size="16" value="&lt;?php echo $civil_status; ?&gt;" disabled&gt;&lt;/td&gt;
      &lt;th colspan="1" align="left"&gt;SSS No.&lt;/th&gt;
      &lt;td colspan="1"&gt;&lt;input type="text" name="sss_number" size="11" value="&lt;?php echo $sss_number; ?&gt;" disabled&gt;&lt;/td&gt;
      &lt;th align="left"&gt;JOINING PORT: &lt;/th&gt;
      &lt;td colspan="2"&gt;&lt;input type="text" name="joining_port" size="10" value="&lt;?php echo $joining_port; ?&gt;" disabled&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;th align="left"&gt;SHOES/BOILER SUIT SIZE&lt;/th&gt;
      &lt;td&gt;&lt;input type="text" name="shoe_size" size="17" value="&lt;?php echo $shoe_size; ?&gt;" disabled&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="text" name="boiler_size" size="5" value="&lt;?php echo $boiler_size; ?&gt;" disabled&gt;&lt;/td&gt;
      &lt;th align="left"&gt;HT/WT&lt;/th&gt;
      &lt;td&gt;&lt;input type="text" name="ht" size="19" value="&lt;?php echo $ht; ?&gt;" disabled&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="text" name="wt" size="11" value="&lt;?php echo $wt; ?&gt;" disabled&gt;&lt;/td&gt;
      &lt;th&gt;LAST VESSEL: &lt;/th&gt;
      &lt;td&gt;&lt;input type="text" name="last_vessel" size="10" value="&lt;?php echo $last_vessel; ?&gt;" disabled&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;th align="left"&gt;ADDRESS: &lt;/th&gt;
      &lt;td colspan="7" align="center"&gt;&lt;input type="text" name="address" size="111" value="&lt;?php echo $address; ?&gt;" disabled&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Note: I did not include all the data in <code>table</code></p>