title: How to align text to the left within a border that is aligned to the right
body: <p>I'm having difficulty aligning text to the left within a border that is aligned to the right. the only way that I was able to align the text/border to the right, was nested within a div. I attempted and failed to align them to the right from css, so I put the content in a div. I'm thinking that the problem is caused by our old friend "Inheritance."  </p>
  
  <pre><code> Here's the relevant code   
  
      &lt;code&gt; css   
  
          .ex2
               { 
              border-style:solid;
                border-color:#3d2574;
               width:295px;
               height:180px;
               padding:10px;
                 border:2px 
                  margin:0px;
                 z-index:12;
                   }  
  
              &lt;html&gt;
  
                  &lt;div align="right"&gt; &lt;div class="ex2"&gt;
                 &lt;style="text-aline=:left;          
               padding:5; font size:3;color="black" &gt;&lt;b&gt;&lt;p&gt;*yadda:&lt;br&gt;
              yadda,yadda,yadda, yeadda,yadda,yadda&lt;br&gt;&lt;br&gt;
            yadda,yadda,yadda, yeadda,yadda,yadda&lt;br&gt;&lt;br&gt; 
            yadda,yadda,yadda, yeadda,yadda,yadda&lt;/p&gt;
  
                                  &lt;/b&gt;
                         &lt;/var&gt;
                   &lt;/font&gt;
  
                &lt;/div&gt;
              &lt;/div&gt;
                &lt;/div&gt;
  
                &lt;/code&gt;
  </code></pre>