title: Floating text to the right CSS
body: <p>How can I float this text here:
  <img src="https://i.stack.imgur.com/CQ27K.png" alt="enter image description here"></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="rightSide"&gt;
      &lt;legend&gt;Note:&lt;/legend&gt;
      &lt;p&gt; If selecting recurrence please specifiy when the recurrence  ends with the Final Date (the last and final date of the event) field.&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#rightSide {
      background-color:#eee;
      width:20em;
      padding:5px;
      padding-right:-20em;
      margin:0 auto;
      float:right;
      border:1px solid #CCC;
      font:normal 12px Arial;
      color:#666666
  }
  </code></pre>