Html 在 CSS 中的 div 中获取文本以环绕其他文本

1 sometext sometext sometext sometext ...
sometext sometext ...

1 sometext sometext ...
  ... sometext sometext

1
sometext sometext ...
... sometext sometext

.container {
  box-sizing: border-box;
}

sup {
  background: yellow;
  display: inline-block;
  padding: 6;
  float: left;
  margin-right: 20px;
  box-sizing: border-box;
}

.RichText {
  background: green;
  box-sizing: border-box;
}

<div class="container">
  <sup>1</sup>
  <div class="RichText">
    <div class="RichTextStyled">
      <div contenteditable="false" translate="no" class="ProseMirror">
        <p>I am some rich text that stretches over multiple lines. I am some rich text that stretches over multiple lines. I am some rich text that stretches over multiple lines.
        </p>
      </div>
    </div>
  </div>
</div>

sup {
  background: yellow;
  display: inline-block;
  padding: 6;
  float:left;
  margin-right:10px;
}

.RichText {
  background: green;
}

<div class="container">
  <sup>1</sup>
  <div class="RichText">
    <div class="ProseMirror">
      <p>I am some rich text that stretches over multiple lines. I am some rich text that stretches over multiple lines. I am some rich text that stretches over multiple lines.</p>
    </div>
  </div>
</div>

Html相关问答推荐

无法使xpath为HTML代码块工作

删除第一个列表项上的左边框

有没有一种方法可以动态地从网格或Flexbox中取出HTML元素？

更改垫子输入的涟漪 colored颜色

在<；style&>中列出的三种字体中，只有两种显示

当我关闭时，导航栏跳到了新的生产线

Html视频标签：圆角像素化

如何用css在右侧创建多个半圆

try 更新我的Node.js应用程序中的用户，但我收到错误.然而，当我使用postman 时，更新工作正常

为什么 Select 元素在带有数据绑定的Blazor上行为怪异？

HTML 邮箱在 Gmail 中无法正确显示

如何使活动选项卡背景作为父背景图像

如何将 元素与常规文本垂直对齐

HTML、CSS设计图像出格

按钮显示：内联不换行

使用 css 将内容居中并向左对齐？

为什么图像会影响我的

如何在单击按钮时切换 Blazor 中的类？

使用 htmloutput 在shiny 的应用程序中呈现文本

用 flexbox 和 overflow 覆盖