Menu Block have prices all on one side

Hi there
I have used a menu block to showcase the prices of the services. 

Is there a way to have all prices on one side one not just one as seen on the screen shot?

Ideally the description on the left, prices on the right.

This is the link to the page: https://medical-training-physio.squarespace.com/preisliste pw physio

Any help would be mich appreciated. 
Lucia

The formatting help for the menu block reads in part.

Price Variants. You can also define multiple prices for variants on your items in the following format:

Wine Bottle Example
Description of the wine
$9 glass / $40 bottle

So in your case you'd need something like the following for the price line.

CHF 65 / 30Min — CHF 120 / 60Min

Let us know how it goes.

22 hours ago, creedon said:

The formatting help for the menu block reads in part.

Price Variants. You can also define multiple prices for variants on your items in the following format:

Wine Bottle Example
Description of the wine
$9 glass / $40 bottle

So in your case you'd need something like the following for the price line.

CHF 65 / 30Min — CHF 120 60Min

Let us know how it goes.

Thank you @creedon for your fast reply. 
that was worked but I would like it below each other and on the left hand side. is that possible too?
CHF 65 / 30Min
CHF 120 / 60Min

On 7/14/2021 at 5:55 PM, Lucia_ said:

Thank you @creedon for your fast reply. 
that was worked but I would like it below each other and on the left hand side. is that possible too?
CHF 65 / 30Min
CHF 120 / 60Min

The same with this page: 

The prices should all be on the right and text on the left - thank you for your help 😃

The menu block is fairly limited as to what can be done with the layout. SS designed it to be extremely simple.

If you need more complex formatting then you'd probably need to use a code block and enter custom HTML. Or you might be able to achieve your layout with text blocks.

Custom HTML could look something like the following.

<style>

  #menu td {
  
    padding-bottom : 1em;
    vertical-align : top;
    
    }
    
  #menu td:nth-child( 1 ) span {
  
    font-weight : bold;
    
    }
    
  #menu td:nth-child( 2 ) {
  
    padding-left : 2em;
    
    }
    
  </style>
   
<table id="menu">

  <tbody>
  
    <tr>
    
      <td>
      
        <span>
        
          3 Monate Abo
          
          </span>
          
        <br>
        
        (inkl. Analyse, Trainingsplanung und Kontrolle)
        
        </td>
        
      <td>
      
        CHF 315
        
        </td>
        
      </tr>
      
    <tr>
    
      <td>
      
        <span>
        
          Anschluss - Abo
          
          </span>
          
        </td>
        
      <td>
      
        CHF 285
        
        </td>
        
      </tr>
      
    <tr>
    
      <td>
      
        <span>
        
          Senioren, Lehrlinge, IV-Bezüger und Partner Abo
          
          </span>
          
        </td>
        
      <td>
      
        CHF 300
        
        </td>
        
      </tr>
      
    <tr>
    
      <td>
      
        <span>
        
          Personal Training und Beratung
          
          </span>
          
        <br>
        
        Im Zusammenhang mit Trainings-und Gesundheitsfragen
        
        </td>
        
      <td>
      
        CHF 65 / 30Min
        
        <br>
        
        CHF 120 / 60Min
        
        </td>
        
      </tr>
      
    </tbody>
    
  </table>

And would render something like the following.

Here is an example of constructing a menu with text blocks. Notice the line blocks used to keep the text blocks from automagically combining together (something SS does). Those could be hidden with some CSS. I've highlighted the text blocks with outlines so you can see the layout. Also this responds well to display on mobile. The prices slide to the left under the titles on narrow screens. If you want the lines closer together within text blocks use shift-return instead of return.