title: CSS - Wrapping very last text to another line if it doesn't fit
body: <p>I have a link at the very end of 4 paragraphs.  Something like:</p>
  
  <pre><code>Here is my text, and it's just an example of text to show
  And I am wanting to wrap the last bit of text, which happens
  to be a link, but I need the link to either stay on the line
  that is the available width and not break to another line,
  unless it can't fit left-aligned on that line like this
  http://mylink.com
  </code></pre>
  
  <p>So, the actual code for this would be as follows in HTML:</p>
  
  <pre><code>&lt;p&gt;Here is my text, and it's just an example of text to show
  And I am wanting to wrap the last bit of text, which happens
  to be a link, but I need the link to either stay on the line
  that is the available width and not break to another line,
  unless it can't fit left-aligned on that line like this&lt;br /&gt;
  &lt;a href="http://mylink.com"&gt;http://mylink.com&lt;/a&gt;&lt;/p&gt;
  </code></pre>
  
  <p>I am using <code>&lt;br /&gt;</code> here, but I don't want to use <code>&lt;br /&gt;</code> because the screen captures how much text actually shows and sometimes it could look like this:</p>
  
  <pre><code>Here is my text, and it's just an example of text to show And I am wanting to wrap
  the last bit of text, which happens to be a link, but I need the link to either stay
  on the line that is the available width and not break to another line, unless it can't 
  fit left-aligned on that line like this
  http://mylink.com
  </code></pre>
  
  <p>So, in a situation like above, I would need it to not use a <code>&lt;br /&gt;</code> tag to break it up and it should render like this instead:</p>
  
  <pre><code>Here is my text, and it's just an example of text to show And I am wanting to wrap
  the last bit of text, which happens to be a link, but I need the link to either stay
  on the line that is the available width and not break to another line, unless it can't 
  fit left-aligned on that line like this http://mylink.com
  </code></pre>
  
  <p>Is this possible to do via CSS?  Some <code>text-align</code> value perhaps, or something else in order to accomplish this without using <code>&lt;br /&gt;</code> tags at all?  But if the link can fit on the line naturally, than it shouldn't move to the next line down.  Instead it should stay on that line.</p>
  
  <p>Thanks!</p>