Note.2 Photoshopで作るGIFアニメーションのページを参考にしますが、サイズを以下のように変更してください。
幅(w)40px 高さ(h)20px 文字サイズ(t)14px
News（listで作る）
- 11.03 群馬マラソン
- 10.12 前橋まつり
- 08.09 花火大会
News（説明listタグで作る）
HTMLのdl・dt・ddタグは説明リストタグといい、「用語の説明」や「Q＆A」「お知らせ(日付とタイトル)」などでよく用いられます。
CSSは「説明list CSS 」内に設定済みです。自由にアレンジしてください。
- 11.03
- 群馬マラソン
- 10.12
- 前橋まつり
- 08.09
- 花火大会
ポイント
gifアニメをそのまま入れると文字の下側に合わせて表示されてしまうので「 align="absmiddle" 」を入れておきましょう
<img src="new.gif"> → <img src="new.gif" align="absmiddle">
sample
<li>11.03 群馬マラソン <img src="new.gif" align="absmiddle"></li>