検索フォームをCSSで整形(完成)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">

<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-style-type" content="text/css" />

<title>検索フォームをCSSで整形(完成)</title>
<style>
*{
    margin:0;
    padding:0;
}
.text{
    float:left;
    display:block;

    margin:0;
    margin-right:10px;
    padding:0 2px;
    line-height:1;

    border:1px solid #555;

    background:#fff;
    font-size:15px;

    width:174px;
    height:19px;
}
.submit{
    float:left;
    display:block;

    margin:0;
    padding:0;
    line-height:1;
    border:1px solid #333;
    background:#ccc;

    font-size:13px;
    color:#000;

    width:60px;
    height:21px;
    cursor:pointer;
}
</style>
</head>
<body>
<form>
    <input type="text"   class="text" />
    <input type="submit" class="submit" value="検索" />
</form>
</body>
</html>