title: Create a border-less table which can be pasted in Word
body: <p>I'm struggling to find out what is the right format to create a border-less table which pasted in word will look like below:</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;strong&gt;Foo&lt;/strong&gt;
  
  &lt;ol&gt;
    &lt;li value="0"&gt;This is zero.&lt;/li&gt;
    &lt;li value="7"&gt;Another number.&lt;/li&gt;
    &lt;li value="42"&gt;Favorite number.&lt;/li&gt;
  &lt;/ol&gt;
  
  &lt;strong&gt;Bar&lt;/strong&gt;
  
  &lt;ol&gt;
    &lt;li value="0"&gt;This is zero.&lt;/li&gt;
    &lt;li value="7"&gt;Another number.&lt;/li&gt;
    &lt;li value="42"&gt;Favorite number.&lt;/li&gt;
  &lt;/ol&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The layout I need is:</p>
  
  <pre><code>Some strong text here
  
      0. Right aligned numbers on the left
     42. And text on the right side
      7. With some padding on the left.
  </code></pre>
  
  Problems
  
  <ul>
  <li><p><strong>Using a list like above</strong>
  When pasting this in Word (I'm actually using Apple Pages), it ends with ordered list starting with <code>1</code>.</p></li>
  <li><p><strong>Using a table</strong>
  I tried using a <code>&lt;table&gt;</code>. Even it's borderless in the browser, borders are added in the text processor (Apple Pages in my case)</p></li>
  <li><p><strong>Using Divs</strong>
  When using divs, I cannot control the width and alignment of the first column.</p></li>
  </ul>
  
  <p>What is the right thing to do in this case? I just need something pastable looking like this in Word:</p>
  
  <blockquote>
    <p><a href="https://i.stack.imgur.com/QJgSN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QJgSN.png" alt=""></a></p>
  </blockquote>