Price list HTML table template

The classic services-and-prices table for salons, therapists, tutors, workshops — any business that quotes fixed prices. Prices are right-aligned so the digits line up, and the markup is accessible out of the box.

The table

Prices 2026
Service	Duration	Price
Consultation	30 min	$40
Full session	60 min	$70
Extended session	90 min	$100
Package of five	5 × 60 min	$300

Open in the table generator → Copied ✓

Opens the generator with this exact table loaded — change the numbers, add rows, copy your version.

Or copy the raw HTML

<div class="ht-wrap">
<table class="ht">
  <caption>Prices 2026</caption>
  <thead>
    <tr>
      <th scope="col">Service</th>
      <th scope="col">Duration</th>
      <th scope="col" class="ta-r">Price</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Consultation</td>
      <td>30 min</td>
      <td class="ta-r">$40</td>
    </tr>
    <tr>
      <td>Full session</td>
      <td>60 min</td>
      <td class="ta-r">$70</td>
    </tr>
    <tr>
      <td>Extended session</td>
      <td>90 min</td>
      <td class="ta-r">$100</td>
    </tr>
    <tr>
      <td>Package of five</td>
      <td>5 × 60 min</td>
      <td class="ta-r">$300</td>
    </tr>
  </tbody>
</table>
</div>

<style>
  .ht-wrap { overflow-x: auto; }
  .ht { border-collapse: collapse; width: 100%; font-size: 0.95rem; }
  .ht caption { text-align: left; font-weight: 600; padding-bottom: 0.5rem; }
  .ht th, .ht td { text-align: left; padding: 0.55rem 0.8rem; border-bottom: 1px solid #d9dce0; vertical-align: top; }
  .ht thead th { border-bottom: 2px solid #9aa3ad; }
  .ht tbody tr:nth-child(even) { background: rgba(125, 125, 125, 0.07); }
  .ht .ta-r { text-align: right; }
  .ht .ta-c { text-align: center; }
</style>

Tips for a price list that works

Right-align the price column — digits that line up are readable at a glance, which is why every printed menu does it.
Put the currency symbol in every cell, not the header. Cells get quoted and screenshotted on their own.
Date your prices in the caption ("Prices 2026") — it quietly answers "is this current?" before anyone asks.

A price list converts best with a way to act on it right next to it — pair it with a booking form or an order form.

Questions

How do I make the prices line up?

Right-align the price column — this template already does. Alignment does the visual work; no monospace font or manual spacing needed.

Can I add a booking or order option to a price list?

Not inside the table — a table is data. Put a link or button under it pointing at an order or booking form; the hform builder makes one in two minutes.

From the same maker

Need more than a table?

Tentmaker Stores gives you a complete online store — product pages, checkout and everything in between. Built for small makers and niche sellers.