firelab-general/display_key.html

<table class="legend">
    <tr>
        <th>Color</th>
        <th>Temperature</th>
    </tr>
    <tr>
        <td class="legend-cell"><div style="width:20px;height:20px;background-color:rgb(256, 176, 0);"></div></td>
        <td class="legend-cell">0°C</td>
    </tr>
    <tr>
        <td class="legend-cell"><div style="width:20px;height:20px;background-color:rgb(168, 0, 0);"></div></td>
        <td class="legend-cell">800°C</td>
    </tr>
    <tr>
        <td class="legend-cell"><div style="width:20px;height:20px;background-color:rgb(0, 96, 255);"></div></td>
        <td class="legend-cell">900°C</td>
    </tr>
    <tr>
        <td class="legend-cell"><div style="width:20px;height:20px;background-color:rgb(106, 255, 150);"></div></td>
        <td class="legend-cell">1000°C</td>
    </tr>
    <tr>
        <td class="legend-cell"><div style="width:20px;height:20px;background-color:rgb(255, 136, 0);"></div></td>
        <td class="legend-cell">1000°C</td>
    </tr>
    <tr>
        <td class="legend-cell"><div style="width:20px;height:20px;background-color:rgb(128, 0, 0);"></div></td>
        <td class="legend-cell">1000°C</td>
    </tr>
</table>

<style>
    .legend-cell {
        padding: 4px 14px;
    }
</style>