Django/htmlテーブル：ヘッダ行内の説明は右に移動します

Question

私はあまりにも奇妙な問題を抱えているようです。

私はフォームからノー​​トを作成できるdjangoアプリを持っています。このフォームから入力されたこれらの注釈はすべて、テーブル・リストに保管されます。そのようです。

<div style="overflow:auto; height:100px; width:721px; padding:12px; border:1px solid #C0C0C0"> 
{% for note in notes %} 
     <table style="border:1px solid #C0C0C0"> 
     <tr><th >{{note.datetime}} {{note.datetime.time}} - Posted by {{note.user}}</th></tr> 
     <tr><td>{{ note.note}}</td></tr> 
     </table> 
{% endfor %} 
</div> 

ご覧のとおり、最初の行にユーザー名、日付、時刻が印刷されます。 2番目の行はそのメモを生成します。問題は、非常に長い長さのというメモを作成した場合、最初の行が右に移動し始めます（多くの単語）。私はこれが起こることを望んでいない。どのように多くの言葉をメモに入力しても、ヘッダー行を左に停止するにはどうすればいいですか？&

Answer 1

デフォルトでは、テキストは中央に配置されます。だから、あなたが代わりにそれを揃える左必要があります。もちろん

<tr><th style="text-align: left">{{note.datetime}} {{note.datetime.time}} - Posted by {{note.user}}</th></tr> 

を私はまた、スタイルを追加することで、このようなタグに属性は避けるべきであることを伝えることが義務付けています。本当にあなたのCSSは別のファイルに存在するはずですが、明らかにそれはあなたの既存の問題を助けません。