пишу обыкновенный хтмл код
<html>
<head>
<meta http-equiv=content-type content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="visa.css" />
<title>
Visa
</title>
<style>
.header {height:300px}
.fhdr { width:70%; }
.shdr { width:70%;
height:100px;
display:table-cell;
vertical-align:middle;
position:relative;
}
.cmninp { width:600px;display:table-cell; text-align:left;}
.label { width:460px; float:left;text-align:left;}
</style>
</head>
<body>
<!--main div-->
<div id="main" style="background: orange;" align="center">
<!--Header-->
<div class="header">
<div class="fhdr">bla bla bla bla
</div>
<div class="shdr" >bla bla bla bla
</div>
</div>
<!--end of Header-->
<!--Input the data-->
<div class="label">
1.Surname :
</div>
<div class="cmninp">
<input type="text" class="smplinp" name="surname"/>
</div>
<br>
<div class="label">
2.Other names:
</div>
<div class="cmninp">
<input type="text" class="smplinp" name="othname"/>
</div>
выходит такая незадача что если строка перед инпутами в две строчки ,то оранжевый фон действует на всю страницу,кроме последней строчки
Просьбы к верстальщикам,как можно улучшить данный код?
