HTML、CSS：旁边有2个div？

我只需要任何人的帮助，请：( 我将尝试在旁边放置两个div，但它不起作用：(

以下是CSS：

.bookmarktrick {
    margin: 1px;
    padding: 0;
    clear: both;
}

.header {
    padding-top: 10px;
    text-align: center;
    background-color: white;
    margin: 0 auto;
    width: 20%;
    float: none;

    padding-bottom: 15px;

    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-style: solid;
    border-color: white;
}

以下是HTML：

<div class="header">Some text</div>

<div class="bookmarktrick">Hello World</div>

一些文本
你好，世界

我希望书签div位于标题的旁边（左侧或右侧）。 页眉在页面的中间。

这是一张供理解的图片

1）按如下方式切换标记中元素的顺序：

<div class="bookmarktrick">Hello World</div>
<div class="header">Some text</div>

你好，世界
一些文本

2） 在书签上设置

float:right

---

您也可以使用

float:left或<代码>浮动：右侧在两个元素上。
相邻，你的意思是<代码>清除：两者都有似乎是一件奇怪的事情；您不想改为
浮动
.bookmarkstrick吗？就像这张照片里的任何地方it@deim0wl-你想让他们在彼此旁边还是一个左对齐，另一个对齐？“丹尼尔，我想要中间的标题（20%宽度）和书签戏法div…但在与收割台div相同的高度下，它不起作用..：（bookmarkstrick div从标题div结束的地方开始（从高度开始）我根据对问题的评论更新了这个答案