السلام عليكم شاهدت احد الفديوهات عن عمل قائمة جانبية باستخدام html css

وعندما اردت عمل تنسيق للقائمة قمت بكتابة float : right و ظهرت بشكل سليم ولكن الشخص الذي بالفديو كتب

float : left فقمت بكتاباتها مثل ما كتب و انقلب كل شي فوق بعضه ما الحل

HTML :

https://pastebin.com/NyAkK1Ps

CSS :

https://pastebin.com/xWLE4zht

الفديو الذي شاهدته :