title: Is it possible using css to have 2nd line flush right?
body: <p>I am styling a css menu in a vertical column.  Where a menu item doesn't fit, I would like the over run to be flush right.</p>
  
  <pre><code>|                    |
  | o Item             |
  | o Item             |
  | o Longer link that |
  |         doesn't fit|
  |                    |
  </code></pre>
  
  <p>I tried doing this with the pseudo selector first-line:</p>
  
  <pre><code>&lt;style&gt;
  p {
     text-align:right;
     background-color:pink;
     }
  
  p:first-line
     {
     text-align:left;
     background-color:yellow;
     }
  &lt;/style&gt;
  </code></pre>
  
  <p>but the first-line new value for text-align is ignored, while the background color is accepted.</p>
  
  <p>A:  Is this possible in CSS?
  B:  If not, can you suggest a simple non-CSS work around?</p>