使用HTML和CSS制作登录框

Question

任何人都可以帮我创建这样的登录框吗？ 我正在试图找出如何创建分隔符和列。

这是我到目前为止的代码：

 <div class="container" style="max-width:560px;">
        <div class="row">
           <iframe id="video" src="https://www.youtube.com/embed/tqBwJld2Sz8" frameborder="0" allowfullscreen></iframe>
        </div>
        <div class="row">
            <div class="column">
            <a class="btn btn-lg btn-primary btn-arrow btn-block" href="/#login"><span class="fa fa-angle-right"></span><span translate>Login</span></a>
            </div>

            <div class="column">
            <a class="btn btn-lg btn-primary btn-arrow btn-block" href="/#register"><span class="fa fa-angle-right"></span><span translate>Register</span></a>
            </div>
        </div>

        </div>

Answer 1

谢谢大家！解决了它。

<div class="container login" style="max-width:560px;">
        <div class="row">
           <iframe id="video" src="https://www.youtube.com/embed/tqBwJld2Sz8" frameborder="0" allowfullscreen></iframe>
        </div>
        <div class="row vertical-divider">
            <div class="col-md-6">
            <a class="btn btn-lg btn-primary btn-arrow btn-block" href="/#login"><span class="fa fa-angle-right"></span><span translate>Login</span></a>
            </div>
            <div class="divider-vertical"></div>
            <div class="col-md-6">
            <a class="btn btn-lg btn-primary btn-arrow btn-block" href="/#register"><span class="fa fa-angle-right"></span><span translate>Register</span></a>
            </div>
        </div>

        </div>