html css 图文混排,css图文混排样式代码

#ployMain {

float: left;

width: 436px;

}

#ployMain dl {

padding-left: 20px;

display: block;

padding-top: 12px;

clear: both;

height: 100px;

}

#ployMain dt {

display: block;

float: left;

height: 90px;

width: 120px;

background-color: #E0E0E0;

border: 1px solid #A4C934;

5

}

#ployMain dt a {

}

dd.dishTitle {

line-height: 22px;

height: 22px;

display: block;

float: left;

margin-left: 20px;

color: #efa11c;

font-weight: 700;

}

dd.dishMain {

display: block;

width: 250px;

float: left;

line-height: 22px;

margin-left: 20px;

padding: 0px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #a4c934;

}

dd.dishOn {

display: block;

float: left;

height: 30px;

width: 250px;

line-height: 30px;

margin-left: 20px;

text-align: right;

}

dd.dishOn a {

color: #CC0000;

}