html - 如何水平居中此警报？

Question

我正在尝试在用户单击按钮时显示提醒，但不知道如何将提醒水平居中。我希望警报保持在#main 内。参见 this fiddle.

谢谢!

Answer 1

确保#main 的位置不是static，然后将以下规则分配给警报:

position: absolute;
left: 50%;
top: 50%;
margin-left: -width;
margin-top: -height;

将 width 和 height 替换为正确的值。