Question

对于重复的问题，我已经搜索了以前的相关帖子，所有人都说添加＆＃34; float：left＆＃34;两个DIV和/或添加＆＃34;显示：内联块＆＃34;，但没有欢乐。

虽然我可以添加一些边距/填充以获得与上图相同的结果，但是当我调整浏览器大小时它不起作用，因为这必须是响应。你能帮忙吗？

<style>
body {
width: 100%;
}

.wrapper {
width: 80%;
display: inline-block;
}

.order  {
float: left;
}

.content {
width: 80%;
display: inline-block;
}
</style>

<body>
<div class="wrapper">
    <div class="order">01/</div>
    <div class="content">
        <h2 class='subject'>HERE IS THE SUBJECT</h2>
        <p>oiwjefoj wefojiwe fjoiwefj woj wefojiwef wefjoiwef wjoeifjow ejowefjoi wfjowefjio wefnoiwjefohwf</p>
    </div>
</div>
</body>

Answer 1

使用

.order {
    float: left;
    width: 20%;
    text-align: center;
}

并更改文字大小并为文字边缘设置边距以格式化文字。

Answer 2

让包装器具有width:100%，然后为内容设置20％和80％的for order width，并为每个内容添加内联块。看到这个小提琴。 https://jsfiddle.net/cs4tspc0/

怎么让这两个并排坐着？

2 个答案: