سایت آموزشی فری لرن
اجرا کن
مشاهده خروجی
<!DOCTYPE html> <html> <head> <style> .My-Container{ background-color:#5db616; color:#fff; display: grid; grid-template-columns: auto max-content max-content auto; align-content: center; } .MyItem{ background-color:#f2f2f2; color:#000; font-size:25px; margin:5px; padding:20px; text-align:center; border: 2px solid #000; } </style> </head> <body> <div class="My-Container"> <div class="MyItem">1</div> <div class="MyItem">Salam</div> <div class="MyItem">Salam</div> <div class="MyItem">4</div> <div class="MyItem">5</div> <div class="MyItem">Salam Khobi</div> <div class="MyItem">Salam</div> <div class="MyItem">8</div> <div class="MyItem">9</div> <div class="MyItem">Salam</div> <div class="MyItem">Salam Khobi</div> <div class="MyItem">12</div> </div> </body> </html>
اشتراک گذاری
×
کپی آدرس
آدرس با موفقیت کپی شد
