.ticket { padding: 1em; } .ticket .box { max-width: 30em; margin: 0 auto; padding: 2em; color: #333; } /* Header */ .ticket .head { padding: 0; padding-bottom: .2em; border-bottom: 1px solid #DDD; margin-bottom: 1em; } .ticket .address, .ticket .total { margin-top: .8em; } .ticket .head > div { padding-bottom: .8em; } .ticket .head p { margin: .2em; } .ticket .head p.important { font-size: 1.4em; } .ticket .total { text-align: right; } .ticket .packages { margin-top: 1em; padding-top: 1em; border-top: 1px solid #DDD; display: block; } /* Lines */ .ticket .line { padding: .5em 0; } .ticket .line > .photo { margin-right: 1em; float: left; border-radius: 50%; height: 4.25em; width: 4.25em; } .ticket .line > .info { margin-left: 5.25em; } .ticket .line > .info > h2 { font-size: 1em; font-weight: normal; padding: 0; padding-bottom: .1em; } .ticket .line > .info > p { margin: 0; } .ticket .line > .info > .tags { color: #777; } .ticket .line > .info .discount { color: green; } .ticket .line > .info > .amount { float: left; } .ticket .line > .info > .subtotal { float: right; }