html - 如何使用 HTML 并排放置两个投票项目？

Question

我想在黑板课程（LMS）上并排放置这两个民意调查（从各处民意调查中检索的嵌入代码）而不是堆叠。

Answer 1

我从来没有在任何地方看到过来自 poll 的嵌入代码，也许您可​​以在帖子中添加一些示例并使用此处的代码示例按钮对其进行格式化。

但与此无关，我认为：您应该在您的网站上创建两个 DIV 元素并使用一些 CSS 进行格式化，以便可以排列 div 容器。

您将每个嵌入代码放入一个 div 容器中。

这是一些将 div 容器彼此相邻放置的示例

如何将两个 div 并排放置？

更新的解决方案：

<style>

#wrapper {
    border: 1px solid black;
    padding:10px;
    width:750px;
}
#first {
    width: 350px;
    border: 1px solid red;
    float:left;
    overflow: hidden;
    padding:10px;
}
#second {
    left:10px;
    width: 350px;
    position:relative;
    margin-left: 15%;
    border: 1px solid green;
    overflow: hidden;
    padding:10px;
}

</style>

<div id="wrapper">
    <div id="first">
        <script src="https://www.polleverywhere.com/multiple_choice_polls/9CQBE41uxfGEYOgydZSJ8/web.js?height=500&amp;results_count_format=percent&amp;width=350" type="text/javascript"></script>
    </div>
    <div id="second">
        <script src="https://www.polleverywhere.com/multiple_choice_polls/9CQBE41uxfGEYOgydZSJ8/web.js?height=500&amp;results_count_format=percent&amp;width=350" type="text/javascript"></script>
    </div>
</div>

测试链接：https ://www.w3schools.com/code/tryit.asp?filename=G93YUI61BHFK