こちら以下の内容で画像、タイトル、金額と言う形で表示をしたいのです。
ですが、タイトル部分は1行～4行まであり、固定値になっているので、1行の場合は金額との空白が大きいです。
何か処理する方法はございますでしょうか。
宜しくお願い致します。

   <html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>


<style type="text/css">
@page{
    margin: 0;
    padding: 0;
    size:300px 375px;
}

body{
    background-color:#ffffff;
    margin: 0px;
    padding: 0px;
    font-family:'游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;
}
.recogazo_img{
    width: 100%;
    hight: 60%
    border: 0px;
}
.recogazo_title{
    height:60px;
    font-size:15px;
    line-height:15px;
    color:#000;
    margin:0px;
    padding-top:0px;
    text-align:left;
    word-wrap:break-word;
}
.recogazo_price_string{
    margin: 0px;
    font-size: 15px;
    line-height: 0px;
    text-align: left;
    color: #c8391c;
    padding-bottom: 0px;
}
.img_l img{
    border: 0;
    margin: 0;
    height: 235px;
    width: 235px;
}

</style>
</head>


<body>
 <div class="img_l"><img src="" alt=""></div>

<img class="recogazo_img" src="{{ img_url }}">
<div class="recogazo_title">{{ title | safe}}</div>
<div class="recogazo_price_string">{{ price_string | safe}}</div>

</div>
</body>
</html>