title: HTML script text align/ border
body: <p>I have to script this HTML. As you can see I coded but it's not the same layout. can someone help me?</p>
  <p>The question:
  <img src="https://i.stack.imgur.com/KMWYi.jpg" alt="enter image description here" /></p>
  <p>And this is my output for it:</p>
  <p><img src="https://i.stack.imgur.com/fzVSY.png" alt="enter image description here" /></p>
  <p>The code:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;! DOCTYPE Html&gt;
  &lt;html&gt;
  &lt;head&gt;&lt;title&gt;example2&lt;/title&gt;&lt;/head&gt;
     &lt;body&gt;
     &lt;h3 style="border-style: solid; width: 5%; text-align: top-center; float: center;"&gt; YUCW&lt;/h3&gt;
   
        &lt;p style="text-align:left; border-bottom-style: solid;"&gt;
      MIS 343
      &lt;span style="float:right;"&gt;
         principles of e-commerce
           &lt;p style="text-align:left; border-bottom-style: solid;"&gt;
      Name: &lt;i&gt;Riyam&lt;/i&gt;
      &lt;span style="float:right;"&gt;
         midterm marks 24/25
          
      &lt;/span&gt;
  &lt;/p&gt;
  
  &lt;p style="text-align:left;"&gt;
      Specialization : &lt;i &gt; MIS&lt;/i&gt;
      &lt;span style="float:right;"&gt;
        final marks 32/35
          
      &lt;/span&gt;
  &lt;/p&gt;
     &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>