JSFiddle - React, Tailwind, and code Playground

by pichowskii

HTML

<table border="1" class="nested-hw">
        <tr>
            <td>
            	<a href="https://softuni.bg" target="_blank">
            		<img src="http://prikachi.com/images/448/7383448X.png" alt="Software University Logo" title="Software University Logo">
            	</a>
            </td>
            <td>
                <table class="nested-table">
                    <tr>
                    	<td>
                    		<h1>Software</h1>
                    	</td>
                	</tr>
                    <tr>
                    	<td>
                    		<h1>University</h1>
                    	</td>
                	</tr>
                </table>
            </td>
        </tr>
    </table>

CSS

body {
	font-family: Calibri, "Helvetica Neue", Helvetica, sans-serif;
	color: #000;
	margin: 0;
}

table {
	text-align: left;
}

	table tr td {
		font-weight: normal;
	}

span.bold {
	font-weight: 700;
	display: block;
}

/*========
Nested Tables Homework
=======*/
table.nested-table {
	border-spacing: 3px;
}

table.nested-table, 
table.nested-table tr, 
table.nested-table td {
    border: 1px solid black;
}

table.nested-table td {
    padding: 15px;
}

table.nested-table {
    width: 380px;
}

	table.nested-table tbody tr td h1 {
		font-size: 5em;
		margin: 0;
	}