<table style="width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; max-width: 400px; direction: rtl;">
<thead>
<tr style="background-color: #f0f0f0;">
<th style="padding: 8px; border: 1px solid #ccc; text-align: right;">Number</th>
<th style="padding: 8px; border: 1px solid #ccc; text-align: right;">unit price</th>
<th style="padding: 8px; border: 1px solid #ccc; text-align: right;">discount</th>
</tr>
</thead>
<tbody>
<tr>
<td style="padding: 8px; border: 1px solid #ccc;">4 pieces</td>
<td style="padding: 8px; border: 1px solid #ccc;">€1.39</td>
<td style="padding: 8px; border: 1px solid #ccc; color: green;">7% discount</td>
</tr>
<tr>
<td style="padding: 8px; border: 1px solid #ccc;">8 pieces</td>
<td style="padding: 8px; border: 1px solid #ccc;">€1.19</td>
<td style="padding: 8px; border: 1px solid #ccc; color: green;">20% discount</td>
</tr>
</tbody>
</table>