请按照要求完成模块的结构和样式: 左图右文, 间距10px, 左图宽100px高100px, 右文宽200px, 行高20px, 高度超出100px部分截断
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>test</title> <style> * { margin: 0; padding: 0; } .container { width: 100%; height: 100px; text-align: left; } .imgBox { width: 100px; height: 100px; float: left; margin-right: 10px; background-color: #ff6699; } .imgBox img { display: inline-block; width: 100px; height: 100px; } .textBox { width: 200px; height: 100px; line-height: 20px; overflow: hidden; float: left; background-color: #6699ff; } </style> </head> <div class="container"> <div class="imgBox"><img src="#" alt="image"></div> <div class="textBox">This is a div whose classname is textBox!This is a div whose classname is textBox!This is a div whose classname is textBox!This is a div whose classname is textBox!This is a div whose classname is textBox! This is a div whose classname is textBox!This is a div whose classname is textBox!This is a div whose classname is textBox!This is a div whose classname is textBox!This is a div whose classname is textBox!</div> </div> </html>