CSS对齐-<；h3>&书信电报；span>；

我有下面的小提琴-在这里，我试图将“点击”和

对齐在同一行中 我在这里面临两个问题- 当

h3

内容太长时，它会按“单击”—— 当它显示内容时单击，它会横向移动。关于如何实现这一点的任何想法-CSS的新概念

尝试将

display:inline

设置为

，但在这种情况下没有帮助。

$（'#tta#iimround'）.css({
光标：“指针”
}).on（'单击'，函数（））{
$（this.next（'ul'）.toggle（）；
});
ul{
显示：无；
}
#ttt{
浮动：对；
}
a#IIM{
显示：内联块；
}

TDHFKJSHDFHSDFLKSHLFLSKFJL
点击

十二,
十三,

这里的问题实际上是
h3
元素，它默认为
显示：块。因此，如果您只是删除
a{display:inline block；}
（因为
a
标记默认为
display:inline；
，正如@mikelt21指出的那样）并添加下面的CSS，那么您的问题就会得到解决

h3 {
   display: inline;
}

我相信类似的东西可能就是你想要的

我所做的是在第一个
中添加
float:left

详情如下:

<h3>
   <a style="float:left"> tdhfkjshdfhsdfsdflkshdlflskfjl</a>
</h3>


TDHFKJSHDFHSDFLKSHLFLSKFJL
您可以通过将右侧浮动的
元素放置在HTML中的
之前来实现这一点：


$（'#tta#iimround'）.css({
光标：“指针”
}).on（'单击'，函数（））{
$（this.next（'ul'）.toggle（）；
});
ul{
显示：无；
}
#ttt{
浮动：对；
}
a#IIM{
显示：内联块；
}

点击

十二,
十三,

TDHFKJSHDFHSDFLKSHLFLSKFJL
请在问题中添加相关代码，你也可以完全删除
a#iimourm
样式，因为我认为锚定标记默认情况下是
display:inline
。这里我面临的主要问题是，当内容非常大时，不应该将“click”推到第二行。我如何实现这一点？也不确定为什么-onclick-“click”是移动