.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 .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 > .photo { margin-right: 1em; float: left; border-radius: 50%; height: 3.2em; width: 3.2em; } .ticket .line { padding: .5em 0; } .ticket .line p { margin: .1em 0; } .ticket .amount { float: left; } .ticket .subtotal { float: right; }