Html 我可以在图像和表格之间对齐文本吗？

我是一个初学者，我很难让某个页面看起来像我想要的那样。我有一个浮动在左边的图像和一个在右边的表格，但一旦我添加文本（我更喜欢在两者之间），它就会将表格向下推到页面上

表格和图像的CSS：

.charactertable
{
    padding: 0px;
    float: right;
}

.characters.img
{
    width: 150px;
    height: 220px;
    float: left;
    margin-left: 30px;
}

你能提供一些代码吗？ 无论如何 尝试将文本添加到div中并使div居中。 例如：

<div id="center">This will be centered between something</div>

CSS
#center{
margin:0 auto;
text-align:center;
}

这将在两个对象之间居中
CSS
#居中{
保证金：0自动；
文本对齐：居中；
}

由于图像是左浮动的，而表格是浮动的：右，如果您计划在图像和表格之间添加文本，则需要在HTML中以正确的顺序排列它们

顺序如下：

.charactertable{
填充：0px；
浮动：对；
边框：2px#DDD实心；
}
.characters.img{
宽度：150px；
高度：220px；
浮动：左；
左边距：30px；
}

资料
资料
Lorem ipsum dolor sit amet，奉献精英。这是一个古老的地方。除了静脉外，其他人的生命都是不可剥夺的，因为他们的生命都是不可剥夺的。Derunt reiciendis。

请给我们JSFIDLE。非常感谢您，正如您所说，这是我在html代码中的顺序错误。