保证金不影响元素的位置

Question

问题：

为什么没有.locmidcontent定位元素集（表单）？

以下是我的HTML结构：

    <div class="locmidcontent">
        <form action="#" method="GET">
            <ul>
                <li>
                    <label>Country</label>
                    <select>
                         <option>ABC</option>
                    </select>
                </li>
                <li>
                    <label>Region</label>
                    <select>
                         <option>XYZ</option>
                    </select>
                </li>
                <li>
                    <label>City</label>
                    <select>
                         <option>COM</option>
                    </select>
                </li>
                <li>
                    <input value="View" type="submit">
                </li>
            </ul>
        </form>
    </div>

我的CSS：

.container {
    width: 980px;
    margin: 0 auto; 
}

/* DOESN'T WORK */
.locmindcontent {
        margin-right: 200px;
        margin-top: 200px;
}

.locmidcontent ul li{
    display: inline;
    padding-right: 20px;
}

快照 - 当前位置是默认位置，我需要将其移至箭头方向

Answer 1

可能是因为它在您的CSS中显示.locmindcontent而不是.locmidcontent更改名称并重试。

Answer 2

你拼错了.locmindcontent，它应该是.locmidcontent。