Two-column div + css table Effect

. Mycode {margin-top: 20px; padding-Right: 200px; padding-left: 50px; float: Left; display: inline}
. Mycode ul {width: 500px; Height: 300px}
. Mycode Li {width: 200px; float: Left; Height: 30px; List-style: None}
. Mycode li p {text-align: Right; margin-top: 0px}

. Sheng {color: # f05d0b; font-weight: 400 ;}
# Ddlprojcategoryno {}
Select {font-size: 12px; width: 175px ;}
Input {border: 1px solid #7f9db9; padding: 2px; width: 170px ;}
# Btnsearch {Background: URL (../images/btnsearch.gif) No-Repeat; Border: none; width: 90px}

 

 

<Div class = "mycode">
<Ul>
<Li> <p> project region: </P> </LI>
<Li> <label class = "Sheng"> Guangdong-Guangzhou </label> </LI>
<Li> <p> project type: </P> </LI>
<Li> <select name = "ddlprojcategoryno" id = "ddlprojcategoryno">
<Option value = "" >== not selected ==</option>
<Option value = "000200010001"> residential community </option>
<Option value = "000200010002"> Culture and Sports </option>
<Option value = "000200010003"> exhibition presentation </option>
<Option value = "000200010004"> Health Care </option>
<Option value = "000200010005"> hotel services </option>
<Option value = "000200010006"> industrial buildings </option>
<Option value = "000200010007"> Municipal Roads </option>
<Option value = "000200010008"> landscape </option>
<Option value = "000200010009"> business integration </option>
<Option value = "000200010010"> Administrative Office </option>
<Option value = "000200010011"> agricultural water conservancy </option>
<Option value = "000200010012"> environmental protection and energy conservation </option>
<Option value = "000200010013"> transportation </option>
<Option value = "000200010014"> Public Buildings </option>
<Option value = "000200010015"> special engineering </option>
<Option value = "000200010016"> others </option>

</SELECT> </LI>
<Li> <p> engineering phase: </P> </LI>
<Li> <select name = "ddlprojstageid" id = "ddlprojstageid">
<Option value = "0" >== not selected ==</option>
<Option value = "1"> project preparation (consulting, conceptual design) </option>
<Option value = "2"> Survey and Design </option>
<Option value = "3"> subject construction </option>
<Option value = "4"> device installation </option>
<Option value = "5"> decoration </option>
<Option value = "6"> landscape </option>
<Option value = "7"> completion test </option>
<Option value = "8"> others </option>

</Select>
</Li>
<Li> <p> project type: </p> </li>
<Li> <select name = "ddlProjType" id = "ddlProjType">
<Option value = "" >== not selected ==</option>
<Option value = "interior decoration"> interior decoration </option>
<Option value = "expansion"> expansion </option>
<Option value = "Alteration/addition"> alteration/addition </option>
<Option value = "new"> New </option>
<Option value = "Renovation"> renovation </option>

</Select> </li>
<Li> <p> project start time greater than: </p> </li>
<Li> <input name = "tbProjBeginDateMore" type = "text" value = "" id = "tbProjBeginDateMore" onfocus = "setday (this)"/> </li>
<Li> <p> the project start time is earlier than: </p> </li>
<Li> <input name = "tbProjBeginDateLess" type = "text" value = "" id = "tbProjBeginDateLess" onfocus = "setday (this)"/> </li>
<Li> <p> release time greater than: </p> </li>
<Li> <input name = "tbProjBeginDateMore" type = "text" value = "" id = "tbProjBeginDateMore" onfocus = "setday (this)"/> </li>
<Li> <p> release time less than: </p> </li>
<Li> <input name = "tbProjBeginDateLess" type = "text" value = "" id = "tbProjBeginDateLess" onfocus = "setday (this)"/> </li>
<Li> <p> Update time greater than: </p> </li>
<Li> <input name = "tbprojbegindatemore" type = "text" value = "" id = "tbprojbegindatemore" onfocus = "setday (this)"/> </LI>
<Li> <p> the Update Time is earlier than: </P> </LI>
<Li> <input name = "tbprojbegindateless" type = "text" value = "" id = "tbprojbegindateless" onfocus = "setday (this)"/> </LI>
<Li> </LI>
<Li> <input type = "Submit" name = "btnsearch" value = "" id = "btnsearch" class = "style1"/> </LI>


</Ul>
</Div>