html - 使用 CSS 和 HTML 内联显示

Question

我有一个生成动态问卷的 PHP 代码。长话短说，我必须保持 DIV 的结构完全原样。我无法修改、添加或删除 DIV，它们必须保持原样。但我可以修改 CSS 和类。话虽如此，我如何才能将问题 2 和问题 3 显示为内联？

我在这里做了这个简单的例子，你会更容易明白我的意思: http://jsfiddle.net/radusl/4H68P/

<style type="text/css">
    .bigclass {
    margin-left: 10px;
}

.smallclass {
    margin-left: 20px;
}

.question {
    font-weight: bold;
     margin-left: 10px;
}
  </style>


<div class="question">Question 1</div>
<div class="bigclass">
    <div class="smallclass">
        Text1_a
    </div>
    <div class="smallclass">
        Text1_b
    </div>
</div>


<div class="question">Question 2</div>
<div class="bigclass">
    <div class="smallclass">
        Text2_a
    </div>
    <div class="smallclass">
        Text2_b
    </div>
</div>


<div class="question">Question 3</div>
<div class="bigclass">
    <div class="smallclass">
        Text3_a
    </div>
    <div class="smallclass">
        Text3_b
    </div>
</div>

<div class="question">Question 4</div>
<div class="bigclass">
    <div class="smallclass">
        Text4_a
    </div>
    <div class="smallclass">
        Text4_b
    </div>
</div>


<div class="question">Question 5</div>
<div class="bigclass">
    <div class="smallclass">
        Text5_a
    </div>
    <div class="smallclass">
        Text5_b
    </div>
</div>

Answer 1

正如其他人所说，这不是您需要的理想标记，但通过向问题 2 添加额外的类在技术上是可行的，在我的示例中为 .inline ，并用 float: left; 做一些技巧和 clear: left;

查看 this updated fiddle

.inline {
    float: left;
}

.inline + .bigclass {
    float: left;
    clear: left;
}