我的列表不会移动到页面的右侧

Question

我的页面出现问题。由于我在我的页面上嵌入了一个谷歌表单，因此文本不会移动到我想要的位置（这是正确的 - ＆gt;）

.inform {
  text-align: right;
}

<section id="iform">
  <iframe src="https://docs.google.com/forms/d/e/1FAIpQLScZuujO3RzMA9N6nkGJ2Pl50m0SigWE2j1H_-WmODd2bE5-jw/viewform?embedded=true" width="600" height="760" frameborder="3" marginheight="0" marginwidth="5">Loading...</iframe>
  <div class="inform">
    <ul>
      <li>Fill all the required information.</li>
      <li> Within a hour/day, an invoice reply email should sent to you </li>
      <li> After the preview of your logo has been sent to your email, The payment link will be sent with the preview of your logo</li>
      <li> after the payment has been received, the original copy will be sent to your email.</li>
    </ul>
  </div>
</section>

Answer 1

这是你的意思吗？

https://jsfiddle.net/ChefGabe/w5v8ar0q/

在那种情况下，我刚刚补充道：

df.set_index(['user_id', 'cate']).prob.unstack(fill_value = 0).reset_index()

Answer 2

你到底想要什么？

您的代码将显示如下。

________
|      |
| form |
|______|

 -       List item
 -          item 2

如果你想让它看起来像这样

________
|      |     - List item
| form |     - item 2
|______|

您可以使用

.inform {
    float: right;
    max-width: 400px; /* so we wrap the list for smaller width screen */
}