您如何强制html中的段落不换行？

Question

我一直在尝试强制<p>元素不自行包装，因此格式效果更好（p元素是“ hashtag”）正如您所看到的，如果您运行代码，虚拟文本下方的答案文本-是内联的。 这是我的代码：

.answered {
	display: inline-block;
	width: 90px;
	background-color: green;
        text-align: center; 
}
h3 {
display: inline-block
}

<h3>Dummy Text...</h3><p class="answered">Answered</p>

更新 现在，已答复的文本居中对齐，并且h2标签为内嵌块 问题已在评论中得到回答...

Answer 1

在样式表中：

import {from} from 'rxjs';
import {flatMap} from 'rxjs/operators';

getCommands(): Observable<string> {
    return http.get(url).pipe(
        flatMap((commands: string[]) => from(commands))
    )
}

Answer 2

尝试使用.rotated { -ms-transform: rotate(270deg); /* IE 9 */ -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */ transform: rotate(270deg); } 代替p元素。 p元素用于定义从新行开始的段落。如果您不打算写新段落，则<span>不会使用新行，因此是更好的选择。