سایت آموزشی فری لرن
اجرا کن
مشاهده خروجی
<!DOCTYPE html> <html> <head> <style> .Box-1{ background-color: #607D8B; color: #fff; width: 600px; } .Box-2{ background-color: #9C27B0; color: #fff; max-width: 600px; } </style> </head> <body> <p><b>لطفا صفحه را تغییر اندازه بدید، و کوچکش کنید</b></p> <p><b>باکس شماره 2 از صفحه نمیزنه بیرون و خودشو با صفحه وفق میده</b></p> <h2>width: 600px</h2> <div class="Box-1"> Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad. </div> <h2>max-width: 600px</h2> <div class="Box-2"> Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad. </div> </body> </html>
اشتراک گذاری
×
کپی آدرس
آدرس با موفقیت کپی شد
