JSFiddle - React, Tailwind, and code Playground

HTML

<body name="body" class=" not-ie6 not-ie7 not-ie8 not-ie9  not-ie"><!--<![endif]-->

<script>
function cities(obj){



if(obj.value == '3'){

 //undisplay cities options municipality_control2

document.getElementById('municipality_control2').style.display='none'

}else{

$('#cities').load('/cities?regionId='+obj.value);
}
}


}
</script>
<div class="topbar">
		<div class="topbar-inner nohistory">
		
		
			<div class="topbar-left">
			<a class="topbar-new" href="/create"><strong>New!</strong> All your ads and saved searches in one place, create an account today!</a>
			
			</div>
			<div class="topbar-right">
				<a class="topbar-login last" href="/login" title="Login to your account" rel="nofollow">
						<i class="sprite_common_topbar_log-in topbar-float_left"></i>
						
						Log in
						
					</a>
					<a class="topbar-create first" href="/create" title="Create your account" rel="nofollow">	
						<i class="sprite_common_topbar_logged-in topbar-float_left"></i>
					
						Create account		
					</a>
				
			</div>
			
			
		</div>
	</div>	
	

	<div id="wrapper">


	<!--[if lt IE 7]>
		<div class="alert-outer alert-error">
	<a href="#" class="alert-closer" title="close this alert" onclick="removeIeNotification(this); return false;">Ă—</a>
	<div class="alert-inner">
		<span><strong>You are using an outdated version of Internet Explorer.</strong> For a faster, safer browsing experience, upgrade today!</span>
		
	</div>
</div>

	<![endif]-->
<header>

	<a id="logo" href="/">
	
	
	
	
	<img src="/_/img/hipheaptrailer130612.gif" height="80" title="" alt="">
	
	
	
	
	</a>
        <!--	
	

	<a id="logo" href="/" class="sprite_common_in_in_en_logoinner spritetext" title="koolbusiness.com">
		koolbusiness.com
	</a>
	<img src="/static/q_files/in_en_logo.png" class="printlogo" alt="">

-->
	
	

		
			<div id="page_name">
				<h1>
				
				For sale in California 
					
				
				</h1>
				
				<script type="text/javascript"><!--
google_ad_client =...

CSS

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
.sprite_common_in_in_insert_ad_left{width:25px;height:52px;}
.sprite_common_in_in_insert_ad_right{width:25px;height:52px;}
.sprite_common_in_in_en_logoinner{width:289px;height:50px;background:url("/img/common_in.png?7a24926f0c6af56cb192ff085c6b78aa95b80b16") no-repeat -60px -2px;}
.sprite_common_security_shopsafely{width:22px;height:29px;background:url("/img/common_in.png?7a24926f0c6af56cb192ff085c6b78aa95b80b16") no-repeat -353px -2px;}
.sprite_common_pagi_right_left{width:9px;height:26px;background:url("/img/common_in.png?7a24926f0c6af56cb192ff085c6b78aa95b80b16") no-repeat -379px -2px;}
a:hover .sprite_common_pagi_left_right,a:hover.sprite_common_pagi_left_right{width:9px;height:26px;background:url("/img/common_in.png?7a24926f0c6af56cb192ff085c6b78aa95b80b16") no-repeat -379px -30px;}
.sprite_common_pagi_right_right{width:9px;height:26px;background:url("/img/common_in.png?7a24926f0c6af56cb192ff085c6b78aa95b80b16") no-repeat -392px -2px;}
.sprite_common_pagi_left_left{width:9px;height:26px;background:url("/img/common_in.png?7a24926f0c6af56cb192ff085c6b78aa95b80b16") no-repeat -392px -30px;}
a:hover...