Membuat Tulisan / Gambar dalam kotak

Membuat Tulisan / Gambar dalam kotak
Seperti gambar di bawah ini

Obvious Child 2014

ISI TULISAN DISINI

Kodenya ada dalam kotak di bawah ini :

<table border="1" colspan="1" style="background-color: none; border-collapse: collapse; border-spacing: 0px; color: #555555; font-family: Arial, Geneva, sans-serif; font-size: 12.880000114440918px; line-height: 18.03125px; margin: 0px 0px 14px; padding: 0px;"><tbody style="margin: 0px; padding: 0px;">
<tr style="margin: 0px; padding: 0px;"><td bgcolor="#2e2e2e" scope="col" style="border: 1px solid; margin: 0px; padding: 0.2em 0.5em; vertical-align: top;"><span style="background-color: #2e2e2e;"><span style="color: red;"><b><i><span style="font-size: x-small;">&nbsp; &nbsp;</span><span style="font-size: large;">Obvious Child 2014</span></i></b></span></span></td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="border: 1px solid; margin: 0px; padding: 0.2em 0.5em; vertical-align: top;"><div style="font-size: 13px;">
<br /></div>
<div style="font-size: 13px;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFsFeeCVs1eZdIqc6n68XJbIKk2G9K9r4MhY9bXCBvY4QxTwfJwuVQE8J1TcePgwSn4vBm6Q3_rWOBesTQS_c2V4BeDFG25MXmggGFkKV8DCdu_P5qVOmv3RcU9ExCfqH1i3DzSgd5gXZi/s1600/Obvious+Child.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFsFeeCVs1eZdIqc6n68XJbIKk2G9K9r4MhY9bXCBvY4QxTwfJwuVQE8J1TcePgwSn4vBm6Q3_rWOBesTQS_c2V4BeDFG25MXmggGFkKV8DCdu_P5qVOmv3RcU9ExCfqH1i3DzSgd5gXZi/s1600/Obvious+Child.jpg" /></a></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<br /></div>
<div style="line-height: normal;">
<span style="color: lime; font-family: arial, sans-serif; font-size: small;">ISI TULISAN DISINI</span></div>
<div style="font-size: 13px;">
<span style="color: lime;"><br /></span></div>
</td></tr>
</tbody></table>

Ganti warna dan url gambar
Ket.