时间戳

首页 > 解决方案 > 为什么我的 div 不在同一车道的左侧和右侧？

html - 为什么我的 div 不在同一车道的左侧和右侧？

问题描述

我试图放入相同的 div，“Bienvenido a TPV Santander”的文本出现在左侧，红色按钮出现在右侧，在同一行，但它会下降。我把我的代码留在这里。你做错了什么吗？

 <div id="divBotoneraMapaGestiones" style="text-align: left;width: 100%;display: block;" class="singular_botone">
    <div class="singular_h1" style="display: inline-block;width: 48%;padding: 1%;">Bienvenido a <span class="singular_textorojo">TPV Santander</span></div>
    <a href="#" id="200TPVMapaGestiones" class="singular_button w-button" style="display: inline-block;width: 48%;padding: 1%;">Consulta el mapa de <br><span class="singular_textobotonpeque">gestiones</span></a>
    <div class="clear" style="clear: both;"></div>

在此处输入图像描述

标签： htmlcss

解决方案

你可以使用这个例子

.row {
 display: flex; 
 justify-content: space-between;
}
<div class="row">
  <div class="left">
  <div class="singular_h1">Bienvenido a <span class="singular_textorojo">TPV Santander</span></div>
  </div>
  <div class="right">
  <a href="#" id="200TPVMapaGestiones" class="singular_button w-button">Consulta el mapa de <br><span class="singular_textobotonpeque">gestiones</span></a>
  </div>
</div>

推荐阅读