.content {
    padding:0 0 0 5px;
    line-height: 30px;
    height: 30px;
    border: 1px solid #a6bee7;
    vertical-align: middle;
}

/*不加空格，则表示class="content small"且small只有跟在content后面有效，否则无效
有效，如<div class="content small">则div的宽度是29.如果.content .small有空格，则表示，content的子元素的样式是small，子元素继承content的样式如<div class="content"><div class="small">*/
.content.small { width: 29%; } 
.content.medium { width: 42.5%; } 
.content.large { width: 92%; }