title: Align icons and images to right, textarea to left (twitter-Bootstrap)
body: <p><strong>TL;DR</strong> : Before you read anything, the desired end-result is illustrated in the image below, otherwise refer to the <a href="http://jsfiddle.net/9SZhs/" rel="nofollow noreferrer"><strong>JSFiddle</strong></a>. <strong>Preferably</strong>, I would like to only use CSS and not modify the DOM structure.</p>
  
  <p>The icons must be aligned completely to the right (hence the <code>.pull-right</code>), but the icons must be <strong>stacked vertically</strong> (Sometimes some icons must not appear, so they are <code>.hidden</code>, like the <code>.fa-undo</code> icon in the second row).</p>
  
  <p><em>(When I say 'the icons' i mean the <code>&lt;i&gt;</code> tags and the <code>&lt;img&gt;</code> tag)</em></p>
  
  <p>The icons must not make the textarea go down (no margin on top of the textarea).</p>
  
  <p>Hopefully, the WIDTH of the textarea would be dynamic and not statically put to <code>width: 90%;</code> for example. It should take as much width as possible, without interfering with the vertical icon stack.</p>
  
  <p>Here is the end result that I want (in a perfect world this would be done using CSS and the same HTML DOM I provided)</p>
  
  <p><img src="https://i.stack.imgur.com/ezbZo.png" alt="The layout I want (made in paint)"></p>