.left { display: inline-block; vertical-align: top; width: 40px; } .right { display: inline-block; width: 90%; margin-left: 10px; margin-bottom: 20px; } .box { margin: 10px 0 0 0; padding: 15px 5px 0 5px; border-top: 1px solid #eee; } .content { margin: 10px 0; } .itemLeft { float: left; } .itemRight { float: right; margin-left: 5px; } .bottom { margin: 20px auto; } .favored { color: #4a90e2; } @media screen and (max-width: 616px) and (min-width: 449px) { .right { display: inline-block; width: 85%; margin-left: 10px; } } @media screen and (max-width: 449px) and (min-width: 365px) { .right { display: inline-block; width: 80%; margin-left: 10px; } } @media screen and (max-width: 365px) { .right { display: inline-block; width: 75%; margin-left: 10px; } }