title: Html code - how to adjust countdown timer
body: <p>I've got a countdown timer and I would like to adjust the look of it. I would like the words on a separate line to the numbers, similar to Apple's current countdown timer. I don't mind either above or below. 
  I would also like to have different size font, similar to this example.</p>
  
  <p><a href="http://i.stack.imgur.com/fsyfV.jpg" rel="nofollow">http://i.stack.imgur.com/fsyfV.jpg</a></p>
  
  <p>My current code is:</p>
  
  <pre><code>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
  &lt;div style="text-align: center;"&gt;
  &lt;div dir="ltr" style="text-align: centre;" trbidi="on"&gt;
  &lt;div style="font-family: Arvo, serif; font-size: 36px; font-weight: bold;"&gt;
  &lt;/div&gt;
  &lt;div id="bp_count_down_div"&gt;
  &lt;/div&gt;
  &lt;script language="JavaScript"&gt;
  var bp_date_target = new Date("October 31, 2015 14:00:00");
  var bp_date_now = new Date();
  var bp_count_down_complete_message = "";
  if (bp_date_now &gt;= bp_date_target) {
   document.getElementById("bp_count_down_div").innerHTML =         bp_count_down_complete_message;
  } else {
   bp_time_difference = Math.floor(((bp_date_target - bp_date_now).valueOf()) / 1000);
   display_time_difference(bp_time_difference);
  }
  function display_time_difference(bp_time_difference) {
   if (bp_time_difference &lt;= 0) {
   document.getElementById("bp_count_down_div").innerHTML = bp_count_down_complete_message;
   return;
   }
   bp_count_down_message = bp_format_seconds(bp_time_difference, 86400, 100000) + " Days " + bp_format_seconds(bp_time_difference, 3600, 24) + " Hr " +     bp_format_seconds(bp_time_difference, 60, 60) + " Min " + bp_format_seconds(bp_time_difference, 1, 60) + " Sec";
   document.getElementById("bp_count_down_div").innerHTML = bp_count_down_message;
   setTimeout("display_time_difference(" + (bp_time_difference - 1) + ")", 1000);
  }
  function bp_format_seconds(secs, num1, num2) {
   num = ((Math.floor(secs / num1)) % num2).toString();
   if (num.length &lt; 2) s = "0" + num;
   return "" + num + "";
  }
  
  &lt;/script&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is my current output:</p>
  
  <p><a href="http://i.stack.imgur.com/fsM4h.jpg" rel="nofollow">http://i.stack.imgur.com/fsM4h.jpg</a></p>