javascript - Javascript を使用しながら CSS で HTML をスタイリングする

Question

スタイル コードを外部 css ファイルに転送するにはどうすればよいですか? <form>orのせいで .gamelist を使用してもうまくいかないと思います<input>。スタイルを html ファイルにそのまま残すことができることはわかっていますが、すべてをできるだけすっきりと整理するのが好きです。

htmlコードは次のとおりです。

<div id="sidebar">
    <p class="gamelist">
        <FORM>
            <input type="image" src="images/mariosadv.jpg" border="2" style="border:2px solid black;max-width:150px;" value="Enter Protected Area" onClick="passWord()">
        </FORM>
        <FORM>
            <input type="image" src="images/mariosadv2.jpg" border="2" style="border:2px solid black;max-width:150px;" value="Enter Protected Area" onClick="passWord()">
        </FORM>
</div>

これが私の単純なJavascript関数です：

function passWord() {
    var testV = 1;
    var pass1 = prompt('Please Enter Your Password',' ');
    while (testV < 3) {
    if (!pass1) 
    history.go(-1);
    if (pass1.toLowerCase() == "letmein") {
    alert('You Got it Right!');
    window.open('mariosadv.html');
    break;
} 
    testV+=1;
    var pass1 = 
    prompt('Access Denied - Password Incorrect, Please Try Again.','Password');
}
    if (pass1.toLowerCase()!="password" & testV ==3) 
    history.go(-1);
    return " ";
} 

私が試したcssは次のとおりです。

.gamelist img {
    display: block;
    border: 2px solid black;
    width:150px;
    margin: 5px 0px 5px 0px;
}

これは私がJavascriptで持っているものです http://i.imgur.com/QVc6Dgu.jpg

そして、これは私が望むものですが、Javascript http://i.imgur.com/sNX3Els.jpgはありません

追加情報が必要な場合は、質問を拒否する前に質問してください。ありがとう。