两个第div并排显示，一个句子一个靠右

可以使用float属性和text-align属性来实现。

HTML代码：

<div class="container">
  <div class="left">这是一个句子</div>
  <div class="right">这是靠右的文本</div>
</div>

CSS代码：

.left {
  float: left;
}

.right {
  float: right;
  text-align: right;
}

这样，左侧的句子会在左边显示，右侧的文本会在右边显示，并且文本会靠右对齐。

相关问题

两个第div并排显示，一个居中一个靠右

可以使用flex布局来实现两个div并排显示，一个居中一个靠右。

HTML代码：

<div class="container">
  <div class="center">这个div居中显示</div>
  <div class="right">这个div靠右显示</div>
</div>

CSS代码：

.container {
  display: flex;
  justify-content: space-between; /* 左右两端对齐 */
  align-items: center; /* 垂直居中 */
}

.center {
  margin: 0 auto; /* 水平居中 */
}

.right {
  margin-left: auto; /* 右对齐 */
}

这样，左侧的div会水平居中显示，右侧的div会靠右对齐显示。

flex布局两个div 最后一个div居右

在使用Flex布局时，如果你想让两个div并排排列，并且最后一个div位于右侧，你可以通过设置flexbox的基本属性来实现。首先，你需要将容器设置为display: flex;，然后决定主轴方向（默认是从左到右），通常我们想要的是从左到右的顺序，所以不需要额外配置。

对于两个并排放置的div，可以给他们相同的flex基础样式：

<style>
.container {
  display: flex;
  /* 如果你想等分空间，可以设置 justify-content: space-between; */
  justify-content: flex-start; /* 默认值，元素沿主轴靠左对齐 */
}
.left-div, .right-div {
  flex: 1; /* 同等分配剩余空间 */
}
.right-div {
  align-self: flex-end; /* 使得右边的div在最后一行靠右 */
}
</style>

<div class="container">
  <div class="left-div">左div内容</div>
  <div class="right-div">右div内容</div>
</div>

在这个例子中，`.left-div`会占据左边的空间，而`.right-div`由于设置了align-self: flex-end;，会在第二行（如果有多行）并且紧贴容器的右侧。