如何在另一个 div 中垂直对齐一个 DIV答案

【问题标题】：How to align a DIV vertically inside another dIV如何在另一个 div 中垂直对齐一个 DIV
【发布时间】：2014-08-26 04:11:27
【问题描述】：

<div class="dispLoginSearch">
    <div class="theLoginBox">
        <span class="loginTitle">
            Log in to <span style="font-family: 'blackjarregular'; font-size: 14pt; color: #FE7816;">My</span> <span style="font-family: 'trajanpro'; font-size: 12pt; color: #00529B;">WD</span> | Sign Up
        </span>
    </div>
</div>

CSS：

.dispLoginSearch
{
    width: 47%;
    height: 100%;
    float: right;
    text-align: right;
    padding-right: 2%;
}
.theLoginBox
{
    border: 2px solid #D5D5D5;
    border-radius: 10px;
    width: 440px;
    height: 125px;
    float: right;
    padding: 10px;
    vertical-align: top;
}
.loginTitle
{
    font-weight: bold;
    text-align: left;
    background: #808080;
}

显示：

我想做的是：

如何修改我的代码以实现上述Log in... 位于左上角，后跟表单？

【问题讨论】：

您应该从添加表单代码开始
vertical alignment of div inside another - issue 的可能重复项
您真的无法选择重复的主题：stackoverflow.com/questions/13222687/… 或 stackoverflow.com/questions/22208538/… 或 stackoverflow.com/questions/7572420/… 或 stackoverflow.com/questions/7446077/…
没有一个对我有用：/

标签： html css asp.net

【解决方案1】：

    .divToBeCentered{
         margin-left:auto;
         margin-right:auto;
         position:relative
     }

抱歉……我要改写了

这里是jsfiddle link

【讨论】：

我不希望将其居中，而是希望从顶部开始，然后向下工作，如第二张图片所示...
我会在一分钟内发布我的 JSFiddle。谢谢
这是我的小提琴：jsfiddle.net/Lstk96qL（你可以看到那里发生了一些事情）我该如何解决它？谢谢。
我已经为您完成了...只需添加您的文字..在这里查看jsfiddle.net/abukxh9q/2
谢谢。问题是我需要有高度，以确保我可以在其下方放置另一个 DIV。