How to divide a table cell diagonally and insert data inside the divided parts i.e. one cell containing two data, when cell is divided diagonally.
-
-
part of this code is copied from some other site part is modified for you. for the PNG file see theCode:<html> <style> .line { display:inline-block; border: 1px solid #ccc; margin: 10px; padding: 10px; background:url(APNGImageWithWhiteBackgroundAndASingleDiagonalLineInTheMiddle.png); background-size:100% 100%; } </style> <body> <div class="line"> <TABLE> <TR> <TD width='50%'>Text</TD> <TD width='50%'> </TD> </TR> <TR> <TD width='50%'> </TD> <TD width='50%'>Text</TD> </TR> </TABLE> </div> </body> </html>imageCode:http://i.piccy.info/i7/c7a432fe0beb98a3a66f5b423b430423/1-5-1789/1066503/lol.png
Comment