JSFiddle - React, Tailwind, and code Playground

HTML

<table class="right-info">
						<tr>
							<td class="right-head">
								<h1>Maecenas suscipit</h1>
							</td>
						</tr>
						<tr>
							<td class="right-bottom">
								<p>Nulla in velit nec metus pharetra bibendum. Donec metus leo, feugiat sed, aliquet facilisis, pulvinar ac, mauris. In feugiat sagittis nunc. Maecenas vehicula venenatis arcu. Aenean viverra consectetur neque. Aliquam blandit bibendum lacus. In non nisi. Fusce facilisis pulvinar tellus.</p>
							</td>
						</tr>					
					</table>

CSS

.right-info {
			width: 273px; border: 1px solid #979c88; border-radius: 15px; background: #fff; border-spacing: 0; z-index: 100;
		}
			.right-head {
				background: url(http://i.piccy.info/i7/223c9b6908d64bbcbf7072ccddfbe0df/4-60-34/31687398/bg_table_head.png) left top repeat-x; z-index: 1;
			}
			.right-info td {
				vertical-align: top;
			}
			.right-info h1 {
				font-size: 18px; color: #fff; font-weight: bold;
			}
			.right-info p {
				line-height: 2.5; color: #353a33; font-size: 12px; font-weight: bold; text-decoration: underline;
			}