CSS如何设置类似于列的浮动元素的样式（一个div元素作为列位于另一个元素之上）

全部。 我被CSS卡住了，当我想按列样式的顺序设置元素的样式时，我使用了float属性，但我并没有按我想要的方式显示，它们是以行的方式显示的。例如 我希望它们显示如下

a c
b d

但他们总是表现得像

a b c d

这是我的密码：

CSS:

HTML:

<div id="Wrapper">
        <div id="Header">
            <img class="logo" alt="Viet Ban Do Logo" src="Images/Icons/Logo.png" />
            <a class="language">Tiếng Việt</a>
            <div class="login-link">
                <a class="register">Register</a> | <a class="signin">Sign in</a>
            </div>
            <div class="weather">
                <img class="weather-image" alt="" src="Images/Icons/weather_sun.png" />
                <span class="temperture">32</span>
                <p class="city">
                    Ho chi minh, city</p>
                <p class="country">
                    Viet nam</p>
            </div>
            <div class="social-link">
                <a class="yh-link">Viet Ban Do Yahoo Nick</a> <a class="skype-link">Viet Ban Do skype
                    nick</a> <a class="facebook-link">Viet Ban Do facebook link</a>
            </div>
            <div class="search-tool">
                <p class="search-control">
                    <input type="text" />
                    <a></a>
                    <input type="button" />
                </p>
            </div>
        </div>
    </div>

钛ếng ViệT
注册|登录
32

胡志明市

越南
越南办雅虎尼克越南办skype
nick Vietban做facebook链接

请帮我修一下，谢谢

如果只需要两列，则可以定义容器的宽度。然后它们会像你想要的那样结束

<div id="Wrapper">
        <div id="Header">
            <img class="logo" alt="Viet Ban Do Logo" src="Images/Icons/Logo.png" />
            <a class="language">Tiếng Việt</a>
            <div class="login-link">
                <a class="register">Register</a> | <a class="signin">Sign in</a>
            </div>
            <div class="weather">
                <img class="weather-image" alt="" src="Images/Icons/weather_sun.png" />
                <span class="temperture">32</span>
                <p class="city">
                    Ho chi minh, city</p>
                <p class="country">
                    Viet nam</p>
            </div>
            <div class="social-link">
                <a class="yh-link">Viet Ban Do Yahoo Nick</a> <a class="skype-link">Viet Ban Do skype
                    nick</a> <a class="facebook-link">Viet Ban Do facebook link</a>
            </div>
            <div class="search-tool">
                <p class="search-control">
                    <input type="text" />
                    <a></a>
                    <input type="button" />
                </p>
            </div>
        </div>
    </div>