Django Web サイトを作成し、結果を上部に小さなフォームのように表示したいと考えています。左側にテーブルがあり、右側のテーブルに 2 つの写真と別の列を追加したいと考えています。よりわかりやすく説明するために図を作成しました - ここに画像の説明を入力してください

これで、フォーム 1 とテーブルのコードが作成されました。バックエンドのコードも書きます。画像とフォーム2はフォームの右側にあるのでhtmlコードの書き方を知りたいです。任意の HTML コードを記述するだけで、表の下に表示されます。誰かが表の右側に写真とフォーム 2 を追加するのを手伝ってくれませんか?

現在の HTML コードは -

*{% extends 'login/basic.html' %} {% ブロック タイトル %}カウントの承認{% エンドブロック タイトル %} {% ブロック本体 %}  <フォームアクション="/approval"メソッド="post">{% csrf_token %}  
 
 
 <入力タイプ="日付"クラス= "フォームコントロール" id="floatingInputGrid"名前="日付"> シフト日 
 
 
 
 <名前を選択="サーバー名"クラス= "フォーム選択" id="floatingSelectGrid"> <選択されたオプション>サーバー名 {serverLst のサーバーの%} <オプション値="{{サーバー}}">{{サーバー}} {% 終了の %}  サーバーを選択 
 
 
 
 <ボタンの種類=「送信」 class="btn btn-primary mx-5 my-2" id="floatingInputGrid">送信 
 
 
   <テーブルクラス="テーブル" style="幅:25%">
      <頭>
        ユーザー名
       
        開始
        
         終了
         
          ボーナス  <みんな>  1 マーク オットー @mdo   2ジェイコブ ソーントン @fat   3ラリー・ザ・バード @twitter     {% エンドブロック %}

HTML コードを変更した場合は、HTML の概要を参照すると非常に役立ちます。