title: HTML New Line with Bootstrap
body: <p>Using this <a href="http://bootswatch.com/cerulean/#indicators" rel="nofollow noreferrer">reference</a>, and the red alert option.  Here it is:</p>
  
  <pre><code>&lt;div class="alert alert-dismissible alert-danger"&gt;
      &lt;button type="button" class="close" data-dismiss="alert"&gt;&amp;times;&lt;/button&gt;
      &lt;strong&gt;Oh snap!&lt;/strong&gt; &lt;a href="#" class="alert-link"&gt;Change a few things up&lt;/a&gt; and try submitting again.
  &lt;/div&gt;
  </code></pre>
  
  <p>In their example, there is a line break after <em>try</em>.. is that just because of width?</p>
  
  <p>My version:</p>
  
  <pre><code>&lt;div class="alert alert-dismissable alert-danger" style="float:right;"&gt;
      &lt;button type="button" class="close" data-dissmiss="alert"&gt;&amp;times;&lt;/button&gt;
      &lt;strong&gt;Leave blank if there is already a Record for today!&amp;#13;&amp;#10; This will auto-calculate based on the previous Record.&lt;/strong&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now mine doesn't have any line break but I also haven't messed with the CSS.. but I was wondering if there was a way to put a line break within the <code>&lt;strong&gt;</code> inline?  I tried using <a href="https://stackoverflow.com/questions/8627902/new-line-in-text-area">this</a>, but I guess that is strictly for <code>&lt;textarea&gt;</code>'s.</p>
  
  <p>Any help is appreciated.</p>