Image and h1 You are reading Tutorial from KiMiDev <!--DOCTYPE html--> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .avatar { vertical-align: middle; width: 50px; height: 50px; border-radius: 50%; } .flex{ } .flex ul{ display: flex; align-items: flex-start; flex-wrap: wrap; } .flex ul li{ display: flex; flex-direction: column; justify-content: center; } .flex ul li span{ display: block; width: 70px; } img{ display:block; margin-right: 30px; } </style> </head> <body> <h2>Avatar Images</h2> <div class='flex'> <ul> <li> <img alt="Avatar" class="avatar" src="https://www.w3schools.com/howto/img_avatar.png"> <span>kimidev tô là kimi dev nha mọi người ơi</span> </li> <li> <img alt="Avatar" class="avatar" src="https://www.w3schools.com/howto/img_avatar.png"> <span>kimidev</span> </li> <li> <img alt="Avatar" class="avatar" src="https://www.w3schools.com/howto/img_avatar.png"> <span>kimidev</span> </li> <li> <img alt="Avatar" class="avatar" src="https://www.w3schools.com/howto/img_avatar.png"> <span>kimidev</span> </li><li> <img alt="Avatar" class="avatar" src="https://www.w3schools.com/howto/img_avatar.png"> <span>kimidev</span> </li><li> <img alt="Avatar" class="avatar" src="https://www.w3schools.com/howto/img_avatar.png"> <span>kimidev</span> </li> <li> <img alt="Avatar" class="avatar" src="https://www.w3schools.com/howto/img_avatar.png"> <span>kimidev</span> </li><li> <img alt="Avatar" class="avatar" src="https://www.w3schools.com/howto/img_avatar.png"> <span>kimidev</span> </li><li> <img alt="Avatar" class="avatar" src="https://www.w3schools.com/howto/img_avatar.png"> <span>kimidev</span> </li><li> <img alt="Avatar" class="avatar" src="https://www.w3schools.com/howto/img_avatar.png"> <span>kimidev</span> </li> <li> <img alt="Avatar" class="avatar" src="https://www.w3schools.com/howto/img_avatar.png"> <span>kimidev</span> </li> <li> <img alt="Avatar" class="avatar" src="https://www.w3schools.com/howto/img_avatar.png"> <span>kimidev</span> </li> </ul> </div> </body> </html> Previous Next Home
Image and h1 You are reading Tutorial from KiMiDev <!--DOCTYPE html--> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .avatar { vertical-align: middle; width: 50px; height: 50px; border-radius: 50%; } .flex{ } .flex ul{ display: flex; align-items: flex-start; flex-wrap: wrap; } .flex ul li{ display: flex; flex-direction: column; justify-content: center; } .flex ul li span{ display: block; width: 70px; } img{ display:block; margin-right: 30px; } </style> </head> <body> <h2>Avatar Images</h2> <div class='flex'> <ul> <li> <img alt="Avatar" class="avatar" src="https://www.w3schools.com/howto/img_avatar.png"> <span>kimidev tô là kimi dev nha mọi người ơi</span> </li> <li> <img alt="Avatar" class="avatar" src="https://www.w3schools.com/howto/img_avatar.png"> <span>kimidev</span> </li> <li> <img alt="Avatar" class="avatar" src="https://www.w3schools.com/howto/img_avatar.png"> <span>kimidev</span> </li> <li> <img alt="Avatar" class="avatar" src="https://www.w3schools.com/howto/img_avatar.png"> <span>kimidev</span> </li><li> <img alt="Avatar" class="avatar" src="https://www.w3schools.com/howto/img_avatar.png"> <span>kimidev</span> </li><li> <img alt="Avatar" class="avatar" src="https://www.w3schools.com/howto/img_avatar.png"> <span>kimidev</span> </li> <li> <img alt="Avatar" class="avatar" src="https://www.w3schools.com/howto/img_avatar.png"> <span>kimidev</span> </li><li> <img alt="Avatar" class="avatar" src="https://www.w3schools.com/howto/img_avatar.png"> <span>kimidev</span> </li><li> <img alt="Avatar" class="avatar" src="https://www.w3schools.com/howto/img_avatar.png"> <span>kimidev</span> </li><li> <img alt="Avatar" class="avatar" src="https://www.w3schools.com/howto/img_avatar.png"> <span>kimidev</span> </li> <li> <img alt="Avatar" class="avatar" src="https://www.w3schools.com/howto/img_avatar.png"> <span>kimidev</span> </li> <li> <img alt="Avatar" class="avatar" src="https://www.w3schools.com/howto/img_avatar.png"> <span>kimidev</span> </li> </ul> </div> </body> </html>