首页 > 解决方案 > CSS对齐被推到页面底部

问题描述

我有一个文本框,我想将其与图像旁边的页面右侧对齐,但我不知道从页面底部移动(抱歉编码时背景非常有限,所以任何帮助都是非常感激)。这是 CSS 和 JS 字符串变量,这里有什么问题吗?

<table id="mtable" border="0" cellspacing="0" align="left"

<p><span style="font-size: 140%;"><strong>&nbsp;</strong></span></p>
<p><span style="color: #9db68c;"><strong style="font-size: 150%;"><span style="font-size: 150%;"><span style="font-size: 140%;">15</span><span style="font-size: 140%;">th Annual</span></span></strong></span></p>
<p><span style="color: #9db68c;"><strong style="font-size: 150%;"><span style="font-size: 140%;">James McNaughton Tribute</span></strong></span></p>
<p><span style="color: #9db68c;"><strong> </strong></span></p>
<strong>
<div id="_mcePaste" style="display: inline !important; font-size: 100%;"><span style="font-size: 120%;">Saturday January 25th, 2020</span></div>
</strong> <span style="color: #9db68c;"><strong>
<div id="_mcePaste">Live Music, Raffles, Giveaways,</div>
<div id="_mcePaste">     Drink Specials, Free Food &amp; Much More!</div>
<div id="_mcePaste">Mulcahy&rsquo;s Pub &amp; Music Hall</div>
<div id="_mcePaste">3232 Railroad Avenue</div>
<div id="_mcePaste">Wantagh, NY 11793</div>
<div id="_mcePaste">1:00pm - 9:00pm</div>
<div>$20 DONATION</div>

</strong></span><div>DOWNLOAD :&nbsp;<a href="/storage/2019 Flyer for Benefit_small.jpg">2020 EVENT FLYER</a></div></div>
The PTSD Veterans Association of Northport is dedicated to veterans from all eras who seek relief from their Post-Traumatic Stress. Please visit <a href="http://www.ptsdveteransassociation.org/">www.ptsdveteransassociation.org</a> to donate or for more information.</div>

在此处输入图像描述

标签: javascripthtmlcss

解决方案


您的 HTML 没有组织。使用更简洁的代码。如下所示:

<div class="row">
  <div class="col-6">
    <p>Column content</p>
  </div>
  <div class="col-6">
    <p>Second column content</p>
  </div>
</div>

我希望它有所帮助。


推荐阅读