如何使用 HTML 并排放置两个 poll everywhere 项目？

Question

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

Answer 1

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

但我认为独立于此：您应该在您的网站上创建两个 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

如何使用 HTML 并排放置两个 poll everywhere 项目？

How to place two poll everywhere items side by side using HTML?

html

css

polling

blackboard