Tip: You can modify some of the code before running
<! DOCTYPE html> <ptml> <pead> <meta charset= "UTF-8"/> <title></title> <style Type= "Text/css" > wrap{margin-top:20px; border:5px solid red; . block{Display:inline-block; width:40% height:100px; border:1px solid #d4d4d4; . demo_1{background: #b8860b;} . demo_2{background: #b22222;} </style> </pead> <body> <p>demo_1,demo_2 no content </p> <div class= "wrap" > <div clas s= "Block Demo_1" ></div><div class= "Block demo_2" ></div> </div> <p> only demo_1 content < /p> <div class= "wrap" > <div class= "Block demo_1" >12</div><div class= "Block Demo_2" ></di V> </div> <p>demo_1,demo_2 are written </p> <div class= "wrap" > <div class= "Block Demo_1" >12& Lt;/div><div class= "Block demo_2" >12</div> </div> </body> </ptml></td> </ Tr> </table>
Tip: You can modify some of the code before running
