Www.Free-Learn.Ir
اجرا کن »
<!DOCTYPE html> <html> <head> <style> .My-Container { display: grid; grid-template-areas: 'free-learn free-learn free-learn free-learn free-learn'; grid-gap: 10px; background-color: #5db616; padding: 8px; } .My-Container > div { background-color: #f2f2f2; border: 1px solid #000; padding: 10px; font-size: 30px; text-align: center; } .item-1 { background-color:yellow !important; grid-area: free-learn; } </style> </head> <body> <div class="My-Container"> <div class="item-1">1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> <div>7</div> <div>8</div> <div>9</div> <div>10</div> <div>11</div> </div> </body> </html>