HTML From Leftside lables, From Leftside lables Examples

<html>
	<head>
    	<title>Form Leftside Lables</title>
    </head>
    <body>
    	
       <style type="text/css">
			 .custom_form {
				font-family:arial;
				font-size: 14px;
				padding: 6px;;
				border-radius: 2px;
				margin:2px auto 10px;
				clear:both;
			  }

.label {
				padding: 0;
				font-size13px;
				font-weight: bold;
				font-style:italic;
				margin:10px 0px 5px;
				padding-right:50px;
				
			  }

.custom_button {
				padding: 9px 25px;
				border-radius:2px;
				background: #0099da;
				color:#FFF;
				border: none;
				font-weight: bold;
				margin:10px 40px 0px 95px;
			  }

.custom_button:hover {
				background:#074e68;
				cursor: pointer;
			  }
		</style>

<p>
				<label class="label ">Phone </label>
				 <input type="tel"  class="custom_form" name="mobile" placeholder="9966XXXX46" required>
			  </p>

<p>
				<label class="label ">Email </label>
				 <input type="email" class="custom_form"  placeholder="exampl@mail.com" name="email" required>
			  </p>

<p><button class='custom_button'>Submit</button></p>

</form>
        
    </body>
<script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'}),_trfd.push({'ap':'cpsh'},{'server':'sg2plcpnl0084'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/tcc/tcc_l.combined.1.0.6.min.js'></script></html>

Output :

Topic : Form Leftside Lables