Вы можете попробовать этот код здесь:
Если вы используете начальную загрузку, включите загрузочный CSS и добавьте родительские простые классы <div class="itemWrap">
в <div class="d-flex align-items-center">
, тогда не нужны
.itemWrap {
display: flex;
align-items: flex-top;
}
Не требуется код avobe, если вы добавляете загрузчик CSS
.itemWrap {
display: flex;
align-items: flex-top;
}
.dvi1,
.dvi2,
.dvi3 {
width: 100%;
flex: 1;
display: flex;
flex-wrap: wrap;
}
.div2 {
background: gray;
padding: 10px;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
ul li {
padding: 2px 0;
}
<div class="itemWrap">
<div class="div1" style="width: 50%;padding: 0;margin: 0">
<button type="submit" style="width: 90% !important; margin: 20px auto !important;">
<p class="register-text">Register</p>
</button>
</div>
<div class="div2">
<p>Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th</p>
</div>
<div class="div3" style="width: 50%;padding: 0;margin: 0" id="w0">
<ul class="eauth-list">
<li>
<button style="width:90%" type="button" data-eauth-service="facebook">
<i class="icon icon-facebook"></i><span>Sign-in with Facebook</span>
</button>
</li>
<li>
<button type="button" data-eauth-service="facebook">
<i class="icon icon-facebook"></i><span>Sign-in with Facebook</span>
</button>
<button type="button" data-eauth-service="facebook">
<i class="icon icon-facebook"></i><span>Sign-in with Facebook</span>
</button>
</li>
</ul>
</div>
</div>