見たまま編集画面ではできているのにブログに反映されないのは、制作者さんなどから制限されているのでしょうか？はてなブログでテーマストアのテンプレートを利用しています。

画像と文字を下ぞろえにしたいので、<table>を使って valign="bottom" と入れていますが、ブログで見ると中央ぞろえで左右に並んでいます。
<table>を使わずに、ただ、画像と文字を横に並べても、画像と文字が中央ぞろいで並びます。

CSSも挑戦したのですが、ネット中検索しても基礎知識もぜんぜんないのでよく分かりません…。無理なら無理でいいのですけど、できたら、ご指導おねがいします。

こんな感じですが、問題あるでしょうか？
<tbody>
<tr style="border-style: none;" valign="bottom">
<td style="border-style: none;"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/k/karlalou002/20160807/20160807213058.jpg" alt="f:id:karlalou002:20160807213058j:image" /></td>
<td style="border-style: none;" valign="bottom">
<p>(1803)</p>
</td>