Placing Symbols \ Letters on a colored cards

Ask for Help
6

image
image1321×905 111 KB

Here’s a sample HTML snippet for you to play with.

<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td style="width: 50px; height: 50px; background-color: #00FF00; font-weight: bold; text-align: center; font-size: 32px;">M</td>
    <td style="width: 50px; height: 50px; background-color: #00FF00; font-weight: bold; text-align: center; font-size: 32px;">A</td>
    <td style="width: 50px; height: 50px; background-color: #00FF00; font-weight: bold; text-align: center; font-size: 32px;">N</td>
    <td style="width: 50px; height: 50px; background-color: #FF0000; font-weight: bold; text-align: center; font-size: 32px; color: #FFFFFF;">C</td>
    <td style="width: 50px; height: 50px; background-color: #00FF00; font-weight: bold; text-align: center; font-size: 32px;">S</td>
    <td style="width: 50px; height: 50px; background-color: #00FF00; font-weight: bold; text-align: center; font-size: 32px;">E</td>
    <td style="width: 50px; height: 50px; background-color: #00FF00; font-weight: bold; text-align: center; font-size: 32px;">S</td>
    <td style="width: 50px; height: 50px; background-color: #00FF00; font-weight: bold; text-align: center; font-size: 32px;">T</td>
  </tr>
  <tr>
    <td style="width: 50px; height: 50px; background-color: #FFFFFF; font-weight: bold; text-align: center; font-size: 32px;">M</td>
    <td style="width: 50px; height: 50px; background-color: #FFFFFF; font-weight: bold; text-align: center; font-size: 32px;">A</td>
    <td style="width: 50px; height: 50px; background-color: #FFFFFF; font-weight: bold; text-align: center; font-size: 32px;">N</td>
    <td style="width: 50px; height: 50px; background-color: #FFFFFF; font-weight: bold; text-align: center; font-size: 32px; color: #FF0000;">C</td>
    <td style="width: 50px; height: 50px; background-color: #FFFFFF; font-weight: bold; text-align: center; font-size: 32px;">S</td>
    <td style="width: 50px; height: 50px; background-color: #FFFFFF; font-weight: bold; text-align: center; font-size: 32px;">E</td>
    <td style="width: 50px; height: 50px; background-color: #FFFFFF; font-weight: bold; text-align: center; font-size: 32px;">S</td>
    <td style="width: 50px; height: 50px; background-color: #808080;"></td>
  </tr>