首页 > 解决方案 > 两个标签作为一个段落

问题描述

我需要将两个标签放在同一行/同一段中

<h3>This is first paragraph. </h3>
<h3>This is second paragraph.</h3>

我想要像下面这样的输出

This is first paragraph. This is
Second paragraph

基本上,第二个标签只是第一个标签的延续。当我的宽度完成后,它应该落在第二行之下并像上面一样从头开始

我在堆栈溢出中看到了几个示例,如下所示

This is first paragraph.  This is Second 
                          paragraph. 

他们正在使用弹性框或对齐:左右,我不想要这个。我想要所有标签作为单个段落

标签: htmlcssreactjsbootstrap-4jsx

解决方案


只需添加display: inline到他们两个像:

<h3 style="display: inline">This is first paragraph.</h3>
<h3 style="display: inline">This is second paragraph.</h3>

当然,您可以在带有类的 css 文件中执行此操作。这是一个快速修复。


推荐阅读