Html 带有多个元素的CSS浮动

我有一张带有

float:left

的图片。目标是在图片旁边增加两个文本框。但是第二个文本框放在第一个文本框下面，不管我是否设置了宽度。那里出了什么问题

我认为有可能只浮动一个元素来浮动所有未来的元素，直到您清除不应该再浮动的元素

.CollaboDescription{
保证金权利：5%；
左缘：5%；
填充：2.5%；
边框：2倍实心#000
}
.合作摄影{
浮动：左；
右边距：50像素
}
.CollaborapersonalDescription_1{
显示：块；
利润率：0.400px 0.0；
字体：15px氧气，无衬线；
颜色：#000；
文本转换：大写；
字母间距：3px；
文本装饰：无
}
.collaborapersonaldescriptionnofloat{
显示：块；
保证金：0；
字体：15px氧气，无衬线；
颜色：#000；
文本转换：大写；
字母间距：3px；
文本装饰：无
}

盖伯杰：
2000
Lieblingsplatz：
Jumppark Zürich
最喜欢的技巧：
没有投手
自行车型号：
峡谷坚持360度
连帽衫：
GBSS黑色

即将举行的活动
24.10.2018

将以下属性分配给这些“文本块”：

（并以整页模式查看代码段）

即，

内联块

允许多个块彼此相邻，固定的宽度确保它们不会延伸到整个容器（如果其中有足够的内容，这将是默认设置），并且

垂直对齐：顶部

仅确保如果多个块彼此相邻，则它们沿顶部对齐（而不是默认的

基线

）

.CollaboDescription{
保证金权利：5%；
左缘：5%；
填充：2.5%；
边框：2倍实心#000
}
.合作摄影{
浮动：左；
右边距：50像素
}
.CollaborapersonalDescription_1{
显示：内联块；
宽度：300px；
垂直对齐：顶部；
字体：15px氧气，无衬线；
颜色：#000；
文本转换：大写；
字母间距：3px；
文本装饰：无
}
.collaborapersonaldescriptionnofloat{
显示：内联块；
宽度：300px；
垂直对齐：顶部；
保证金：0；
字体：15px氧气，无衬线；
颜色：#000；
文本转换：大写；
字母间距：3px；
文本装饰：无
}

盖伯杰：
2000
Lieblingsplatz：
Jumppark Zürich
最喜欢的技巧：
没有投手
自行车型号：
峡谷坚持360度
连帽衫：
GBSS黑色

即将举行的活动
24.10.2018

请阅读并编辑您的问题。分享您的代码。非常感谢！它正在运行！

display: inline-block;
width: 300px;
vertical-align: top;