Html 保持<；预处理>；与<；在同一行上的文本；span>；文本
下面的HTML应该打印短语Html 保持<；预处理>；与<；在同一行上的文本；span>；文本,html,css,Html,Css,下面的HTML应该打印短语通过测试用例：Buzz:：GetInfo（[struct BUZZINFO*]0x1f84fa8c），并使用一些奇特的格式。但是，它将过程放在与文本其余部分分开的一行上。如何使它们位于同一行，以便过程的边框与文本其余部分的边框混合 谢谢， 保罗 之前 { 边框样式：实心无； 边框宽度：1px中等； 线高：120%； 填充物：5px； 颜色：#333333； 背景色：#EEFFCC； 边框颜色：#98BF21； 溢出：自动； } .通过 { 背景色：#98BF21； #
通过测试用例：Buzz:：GetInfo（[struct BUZZINFO*]0x1f84fa8c）过程过程的边框与文本其余部分的边框混合
谢谢，
保罗
之前
{
边框样式：实心无；
边框宽度：1px中等；
线高：120%；
填充物：5px；
颜色：#333333；
背景色：#EEFFCC；
边框颜色：#98BF21；
溢出：自动；
}
.通过
{
背景色：#98BF21；
#背景色：#AACC99；
边框：1px实心#FFFFFF；
颜色：#FFFFFF；
显示：块；
字体大小：11px；
字体大小：粗体；
左边距：1px；
外形：1px实心#98BF21；
填充：3px4px；
文本对齐：居中；
文字装饰：无；
宽度：80px；
字体系列：verdana、helvetica、arial、无衬线字体；
}
密码测试用例：Buzz:：GetInfo（[struct BUZZINFO*]0x1f84fa8c）
从.pass的样式中删除显示：块
如果您想保持块样式，如填充、边距等，请使用显示：内联块
。pre
是块级别，您需要将其内联。此外，还需要将“通行证”内联：）。这是一个工作版本：在.pass类中，将display:block
更改为display:inline
将display:inline
添加到CSS以进行预处理
这是一个看起来很难看的例子，因为我选择了你的问题并直接粘贴到小提琴上，而不用担心添加回车。
默认情况下将内容放在新行上。相反，请使用
，这样可以使内容保持在同一行。
是块级元素。您可以尝试将其设置为display:inline block
，或者使用一些其他标记，例如，它也使用固定宽度字体等来显示文本。更改为
修复了它。如果你把它写在回答中，我会接受。既不删除display:block
也不将其更改为display:inline block
修复了它。删除它只会使过程看起来小而有趣。更改为内联块
没有明显的区别。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
pre
{
border-style: solid none;
border-width: 1px medium;
line-height: 120%;
padding: 5px;
color: #333333;
background-color: #EEFFCC;
border-color: #98BF21;
overflow: auto;
}
.pass
{
background-color: #98BF21;
#background-color: #AACC99;
border: 1px solid #FFFFFF;
color: #FFFFFF;
display: block;
font-size: 11px;
font-weight: bold;
margin-left: 1px;
outline: 1px solid #98BF21;
padding: 3px 0 4px;
text-align: center;
text-decoration: none;
width: 80px;
font-family: verdana,helvetica,arial,sans-serif;
}
</style>
</head>
<body>
<div><span class="pass">pass</span><pre>Test Case: Buzz::GetInfo( [struct BUZZINFO *] 0x1f84fa8c )</pre></div>
</body>
</html>