title: css Get element to move to right within other element
body: <p>I am working on a calendar app and having trouble getting the date to move where I want it within the day.  Specifically, with the square for the date, I cannot get the day number to move to the top right.  have tried float:right and align-text: right without success.  Here is a <a href="http://jsfiddle.net/AzsrJ/3/" rel="nofollow">jsfiddle</a> and the code:</p>
  
  <p>css</p>
  
  <pre><code>table.calendar {
      table-layout: fixed;
      width: 520px;
  }
  span.day-number  {
      vertical-align:top; 
  //    text-aligh:right;
      background:#999; 
      z-index:2; 
      top:0px; 
      align-right:+70px; 
      padding:4px; 
      color:#fff; 
      font-weight:bold; 
      width:18px; 
      text-align:center;
  }
  td.calendar-day, td.calendar-day-np {
   //   float:left;
      vertical-align:top; 
      width:70px; 
      padding:5px 25px 5px 5px; 
      border-bottom:1px solid #999; 
      border-right:1px solid #999; 
  }
  div.event {
      display:inline;
      position:relative; 
      z-index:3; 
      top:15px;
      text-width: 70px;
  }
  </code></pre>
  
  <p>html</p>
  
  <pre><code> &lt;table class="calendar"&gt;
      &lt;tr&gt;
          &lt;td&gt;Mon&lt;/td&gt;
          &lt;td&gt;Tue&lt;/td&gt;
          &lt;td&gt;Wed&lt;/td&gt;
          &lt;td&gt;Thur&lt;/td&gt;
          &lt;td&gt;Fri&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
           &lt;td class="calendar-day"&gt;&lt;span class="day-number"&gt;14&lt;/span&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;/td&gt;
      &lt;td class="calendar-day"&gt;&lt;span class="day-number"&gt;15&lt;/span&gt;&lt;div&gt;&amp;nbsp;&lt;/div&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td class="calendar-day"&gt;&lt;span class="day-number"&gt;16&lt;/span&gt;&lt;div class="event"&gt;4:00PM&lt;br&gt;Go to gym&lt;/div&gt;&lt;/td&gt;
      &lt;td class="calendar-day"&gt;&lt;/td&gt;
      &lt;td class="calendar-day"&gt;&lt;span class="day-number"&gt;18&lt;/span&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;/td&gt;
              &lt;/tr&gt;&lt;/table&gt;
  </code></pre>
  
  <p>CSS is not my strong suite so I would greatly appreciate any suggestions.</p>