html - 如何使用 HTML 并排放置两个 poll everywhere 元素？

Question

我想将这两个 poll everywhere 民意调查(从 poll everywhere 中检索的嵌入代码)并排放置在黑板类(class) (LMS) 上，而不是堆叠。

Answer 1

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

但我认为独立于此:您应该在您的网站上创建两个 DIV 元素并使用一些 CSS 设置它们的格式，以便可以排列 div 容器。

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

下面是一些将div容器并排放置的例子

How to place two divs next to each other?

更新的解决方案:

<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