"Tabla" con diseño líquido

[kseso?]

No acabo de entender muy bien ni cuál es el problema ni qué o porqué busca otra estructura.

El problema es que de esta manera, al mostrar la página en un navegador sin CSS, se ve todo el texto en una sola línea, algo que no queda muy bien

Si está contenido en una sola etiqueta es lo lógico. Si lo contiene en varias que sean de bloque forzará varias líneas en ausencia de css.

Creo que lo más apropiado sería mostrarlo en forma de tabla, pero no se me ocurre nada para conseguir el mismo comportamiento líquido al hacer una tabla HTML.

Es que creo que es lo lógico usar una tabla si son datos que se ajustan a lo que es el cometido de las <table></table>.

Pero si quiere ensayar otro etiquetado, pruebe las "definition lists" [dl | dt | dd]. Con la ventaja añadida que podrá enlazar otras listas o elementos dentro de ella

Código HTML:

<dl>
  <dt><strong>The ingredients:</strong></dt>
  <dd>
      <ul>
          <li>100 g. flour</li>
          <li>10 g. sugar</li>
          <li>1 cup water</li>
          <li>2 eggs</li>
          <li>salt, pepper</li>
      </ul>
  </dd>
 
  <dt><strong>The procedure:</strong></dt>
  <dd>
      <ol>
          <li>Mix dry ingredients thoroughly.</li>
          <li>Pour in wet ingredients.</li>
          <li>Mix for 10 minutes.</li>
          <li>Bake for one hour at 300 degrees.</li>
      </ol>
  </dd>
 
  <dt><strong>Notes:</strong></dt>
  <dd>The recipe may be improved by adding raisins.</dd>
</dl>
 

Ejemplo sacado del enlace anterior.