title: Is such alignment achievable without <table>?
body: <p><img src="https://i.stack.imgur.com/ztvpZ.png" alt="The wanted result"></p>
  
  <p>My goal is an alignment as shown in the attached image (the fields on the left may have any width, but the ones on the right should begin at the same <code>X</code> coordinate).</p>
  
  <p>Right now I am using a simple table code to achieve this:</p>
  
  <pre><code>&lt;table&gt;&lt;tr&gt;
  &lt;td&gt;Left1&lt;/td&gt;&lt;td&gt;Right 1&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Left 2&lt;/td&gt;&lt;td&gt;Right 2&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
  </code></pre>
  
  <p>However, I've heard that using tables is generally bad. Is there a way I could achieve the same design using CSS? The website is being designed for mobile devices which might not support fancy CSS, so the code must be as simple as possible.</p>
  
  <p><strong>EDIT</strong>: since I still occasionally get a notification on this question from people who (presumably) are just starting out with HTML like I was when I made it, please refer to the accepted answer by B T as this is by far the best way to achieve this functionality. The question suggested as a "possible duplicate" (31 May 2016) does not currently offer the table-row/table-column CSS-based approach and requires you to do guess work.</p>