CSS Section Practice Code

<! DOCTYPE html>


<title></title>
<meta charset= "Utf-8" >
<style type= "Text/css" >
. main{
width:400px;
height:500px;
Background-color: #eee;
padding:20px;
font-family:arial;
}
. div1,.div2,.div3{
/*width:400px;*/
height:120px;
Background-color: #fa1;
}
. div2,.div3{
margin-top:20px;
}
. div1>img{
/*width:150px;*/
Float:left;
/*margin-top:100px;*/
}
. div1>div{
width:240px;
height:92%;
Background-color: #faa;
Float:right;
padding-top:10px;
padding-left:10px;
}
. div1>div>h5{
FONT:18PX Arial;
margin:0px;
}
. div1>div>p{
width:210px;
margin:0px;
/*overflow:hidden;*/
Word-break:break-all;
padding-bottom:4px;
border-bottom:1px solid #bbb;
}
. samll{
width:90%;
height:35px;
Background-color: #fff;
}
. samll>strong{
font-size:24px;
font-weight:900;
Float:left;
margin-top:3px;
}
. sp{
PADDING:4PX 9px;
Background-color: #A3C809;
border-radius:3px;
margin-left:39px;
Float:left;
margin-top:5px;
Cursor:pointer;
}
. SP span{
padding:0px 6px;
Font-weight:bolder;
Background-color: #567611;
border-radius:100%;
Color: #fff;
Float:left;
}
. SAMLL span button{

}
</style>

<body>
<div class= "Main" >
<div class= "Div1" >

<div>
<p>fbefhuriewhgiouergbouierbhuiotbo
Jkewqflu</p>
<div class= "SAMLL" >
<strong>1248$</strong>
<a href= "www.djkewcfu.com" class= "SP" ><span>i</span></a>
</div>
</div>
</div>
<div class= "Div2" ></div>
<div class= "Div3" ></div>
<div class= "Div4" ></div>
</div>
</body>

CSS Section Practice Code