コードを編集:
結果を参照してください。 »
それを自分で試してみてください - ©
w3ii.com
<!DOCTYPE html> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="/lib/w3.css"> <html> <style> .w3-half {height:300px;padding-top:24px;} </style> <body> <div class="w3-row"> <div class="w3-half w3-center" style="background:#ffef96"> <p class="w3-xxlarge"><b>ON TOUR</b></p> <p class="w3-xxlarge">2016</p> </div> <div class="w3-half w3-center w3-xlarge" style="color:#fff;background:#50394c"> <p><span class="w3-tag w3-xxlarge">3</span></p> <p class="w3-xlarge w3-wide">HOURS<br>FREE<br>TRAINING</p> </div> </div> <div class="w3-row"> <div class="w3-half w3-center" style="background:#f18973"> <p class="w3-xlarge">ONLY</p> <p class="w3-xxxlarge"><b>299</b></p> </div> <div class="w3-half w3-center" style="color:#fff;background:#bc5a45"> <p class="w3-xxlarge w3-wide">LOTS OF<br>NEW<br>INSPIRATION</p> </div> </div> </body> </html>