html/css/product-exersice

<html>
<body>
    <head>
        <link rel="stylesheet" type="text/css" href="mycss.css">
       <style>
           legend
           {
               font-size:3em;
           }
           img {
               width:300px;
               height: 300px;
           }
           td{
               font-size:2em;

           }
           .under-line-text{
               text-decoration:underline;
           }
           .red-back
           {
               background: red;
               text-decoration: none;
               text-decoration: line-through;

           }
           .green-back
           {
               background: green;
           }


       </style>
    </head>


    <fieldset>

        <legend>Black Friday</legend>

        <table>

                <tr>
                    <td><img url="https://media.graytvinc.com/images/810*455/MGN_1280x720_81119C00-RSYOE.jpg">  </td>
                    <td><img url="https://media.graytvinc.com/images/810*455/MGN_1280x720_81119C00-RSYOE.jpg">  </td>
                    <td><img url="https://media.graytvinc.com/images/810*455/MGN_1280x720_81119C00-RSYOE.jpg">  </td>
                </tr>
                <tr>
                    <td><fieldset><table>
                        <tr>
                            <td class="under-line-text">Before:</td>
                            <td class="red-back">50$</td>

                        </tr>
                        <tr>
                            <td class="under-line-text">After:</td>
                            <td class="green-back">20$</td>
                        </tr>
                    </table></fieldset></td>
                    <td><fieldset><table>
                            <tr>
                                    <td class="under-line-text">Before:</td>
                                <td class="red-back">50$</td>

                            </tr>
                            <tr>
                                    <td class="under-line-text">After:</td>
                                    <td class="green-back">20$</td>
                            </tr>
                        </table></fieldset></td>
                        <td><fieldset><table>
                                <tr>
                                        <td class="under-line-text">Before:</td>
                                    <td class="red-back">50$</td>

                                </tr>
                                <tr>
                                        <td class="under-line-text">After:</td>
                                        <td class="green-back">20$</td>
                                </tr>
                            </table></fieldset></td>

                </tr>

                </tr>
                    <td><img url="https://media.graytvinc.com/images/810*455/MGN_1280x720_81119C00-RSYOE.jpg">  </td>
                    <td><img url="https://media.graytvinc.com/images/810*455/MGN_1280x720_81119C00-RSYOE.jpg">  </td>
                    <td><img url="https://media.graytvinc.com/images/810*455/MGN_1280x720_81119C00-RSYOE.jpg">  </td>
                </tr>
                <tr>
                        <td><fieldset><table>
                                <tr>
                                        <td class="under-line-text">Before:</td>
                                        <td class="red-back">50$</td>

                                </tr>
                                <tr>
                                        <td class="under-line-text">After:</td>
                                        <td class="green-back">20$</td>
                                </tr>
                            </table></fieldset></td>
                            <td><fieldset><table>
                                    <tr>
                                            <td class="under-line-text">Before:</td>
                                            <td class="red-back">50$</td>

                                    </tr>
                                    <tr>
                                            <td class="under-line-text">After:</td>
                                            <td class="green-back">20$</td>
                                    </tr>
                                </table></fieldset></td>
                                <td><fieldset><table>
                                        <tr>
                                                <td class="under-line-text">Before:</td>
                                                <td class="red-back">50$</td>

                                        </tr>
                                        <tr>
                                                <td class="under-line-text">After:</td>
                                                <td class="green-back">20$</td>
                                        </tr>
                                    </table></fieldset></td>
                </tr>


        </table>

    </fieldset>

</body>

</html>