ｺﾋﾟﾍﾟでできるﾗﾝｷﾝｸﾞﾘｽﾄのCSSとｻﾝﾌﾟﾙhtmlをください｡

添付のようなﾗﾝｷﾝｸﾞ形式のﾘﾝｸﾘｽﾄを作りたいのですが､どうやればよろしいですか？
添付しているのはﾔﾌｰの急上昇ﾜｰﾄﾞのﾍﾟｰｼﾞです｡

･ﾗﾝｷﾝｸﾞの数字は画像でお願いします(王冠画像は購入済です)｡
･画像とﾀｲﾄﾙ(青字)のところはﾘﾝｸでお願いします｡

ｺﾋﾟﾍﾟで適用ができるようにCSSをつくってください｡あとｻﾝﾌﾟﾙhtmlも･･･｡甘えて申し訳ありません｡

画像部分はﾀﾞﾐｰURLでかまいません｡CSSを自分では作れませんが､ﾍﾞｰｽとなるものを頂ければ大体どこを直せばいいかは推測がつきます｡

(C)株式会社はてな