سایت آموزشی فری لرن
اجرا کن
مشاهده خروجی
<!DOCTYPE html> <html> <head> <style> .My-Container{ background-color:#5db616; color:#fff; align-content: center; display: grid; grid-template-columns: auto auto auto auto; grid-template-rows: max-content auto 120px; } .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">Salam<br>Salam<br>Salam</div> <div class="MyItem">Salam</div> <div class="MyItem">Salam</div> <div class="MyItem">Salam<br>Salam</div> <div class="MyItem">5</div> <div class="MyItem">6</div> <div class="MyItem">7</div> <div class="MyItem">8</div> <div class="MyItem">9</div> <div class="MyItem">10</div> <div class="MyItem">11</div> <div class="MyItem">12</div> </div> </body> </html>
اشتراک گذاری
×
کپی آدرس
آدرس با موفقیت کپی شد
