<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0;padding: 0;} li{ list-style: none;} li{ float: left;width:200px;border:1px solid #000;margin: 10px;} li img{ width: 200px;} p{ border-bottom: 1px dashed #333; height: 20px;} #div1{ width:600px;border:1px #000 solid;height: 300px;clear: left;} .box1{ float: left;width:200px;} .box2{ float:left