* { margin: 0; padding: 0; } li { list-style: none; } a { text-decoration: none; } section { background-color: #f5f5f5; } section .content { padding: 15px 50px; margin: auto; } section .content .all { display: inline-block; } section .content .all h2 { font-weight: 600; color: #cb1919; float: left; padding-bottom: 10px; } section .content .cartList { border-top: 2px solid #cb1919; } section .content .cartList .whoil { width: 100%; background-color: #f3f3f3; border: 1px solid #e0e0e0; margin-bottom: 20px; display: inline-flex; } section .content .cartList .whoil li { padding: 20px 46px; } section .content .cartList .whoil li:nth-child(1) { padding: 20px 10px; } section .content .cartList .whoil li:nth-child(1) img { margin-left: 10px; } section .content .cartList .whoil li:nth-child(3) { width: 800px; } section .content .cartList .whoil li:nth-child(4), section .content .cartList .whoil li:nth-child(5), section .content .cartList .whoil li:nth-child(6), section .content .cartList .whoil li:nth-child(7) { float: right; } section .content .cartList ul { width: 100%; background-color: #f3f3f3; border: 1px solid #e0e0e0; display: inline-flex; } section .content .cartList ul li:nth-child(1) { padding: 20px 5px; } section .content .cartList ul li:nth-child(1) img { margin-left: 20px; margin-top: -10px; } section .content .cartList ul li:nth-child(2) { padding: 25px 15px; width: 400px; } section .content .cartList ul li:nth-child(3) { width: 300px; } section .content .cartList ul li:nth-child(5) { padding: 20px 5px; } section .content .cartList ul li:nth-child(5) input { border: 0; outline: none; background-color: transparent; } section .content .cartList ul li:nth-child(4), section .content .cartList ul li:nth-child(5), section .content .cartList ul li:nth-child(6), section .content .cartList ul li:nth-child(7) { margin: auto; float: right; } section .content .cartList ol { display: inline-flex; width: 100%; background-color: #f3f3f3; border: 1px solid #e0e0e0; }