Html 我能'；I don’我不能坐在别人旁边

我想class=“contactvlak”在class=“middentextvak”旁边，我尝试了很多方法，比如改变位置等，但似乎根本不起作用。如果这个问题听起来很愚蠢，我很抱歉

<div class="midden">
    <img class="logo" src="images/logo.png">
    <div class="middentextvak">
        <h1>Welkom bij autorijschool NRV! </h1>
        <p>In Veldhoven en omgevingen verzorgen wij uw complete rijopleiding in onze volkswagen.
            <br>Een rijopleiding met oog voor detail. U en uw behoefte staan hierbij steeds centraal.
            <br>Onze ervaren instructeur geeft u een moderne rijopleiding geheel afgestemd op uw aanvangsniveau. Zo ben u altijd verzekerd van het zo mogelijk behalen van uw rijbewijs tegen een zo laag mogelijke prijs.
            <br>
            <br>
            Klik <a href="http://www.rijschoolgegevens.nl/index.asp?pageid=2&examenplaats=75&rijschoolid=5285&fromsearch=1">hier</a> voor de meest recente slagingspercentage.
        </p>
    </div>
    <div class="contactvlak"></div> 
</div>

Jfiddle：

---

编辑：对不起，贴错了小提琴

将

位置：相对
添加到
.midden
，将
位置：绝对
和
顶部：0
添加到
.contactvlak

这些班级
middenxtvak
和
contactvlak
是班级
midden
的孩子。对吧?

所以添加
display:inline；位置：相对于
midden
类的
属性，您将同时获得两个div。
您的演示既不包含
.contactvlak
元素的CSS也不包含HTML。它也不包含任何
contactvlak
元素。非常抱歉！看来我忘了救D'oh！1分钟！好了，右边的人现在上来了！对不起
float:left
/
float:right
？@user3750069-当然，只需将
right:0
添加到
.contactvlak
。如果要将结果移到右侧，则不需要使用
float:right
css属性
display:inline
。
.midden
{
    clear:both;
    width: 100%;
    height: 400px;

}
.middentextvak
{

    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 43%;
    height: 50%;
    background: rgba(255, 255, 255, 0.5);
    margin-top: 7%;

}

.contactvlak
{
    width: 100px;
    height: 100px;
    background: white;

}

.middentextvak h1
{
    padding-top: 2%;
    padding-left: 5%;
    font-family:Arial;
    color: #0671ca;
    font-size: 23px;
}

.middentextvak p
{
    padding-left: 5%;
    font-family:Arial;
    margin-top: -2%;
}
.logo
{
    position: absolute;
    display: block;
    margin-left: 15%;
    margin-right: auto;
    width:70%;
    z-index: 0;
    opacity:0.5;
    clear: both;
}