如何将整个表格对象推向右边？

Question

这可能被问到很多次了，但是我试了很多但仍然无法理解。这是the site我正在研究，不管平台是什么（在这种情况下是wordpress），它真的是一个关于如何编写CSS的问题。

在右上方有一个事件表，事件表上方是一个带电子邮件/电话的联系人部分。

我需要的是简单：将桌子推到右侧并与接触部分对齐。

此时我尝试的是stackoverflow post而且它无效。

如果有人能帮助我解决问题，我将不胜感激。非常感谢你提前。

Answer 1

.css-events-list{
   text-align: center;
}
.css-events-list > table{
   display: inline-block;
}

或

.css-events-list{
  display: flex;
  justify-content: center;
  align-items: center;
}

Answer 2

.yourobject {
  float: right;
}

您可能希望自动对媒体设备进行一些调整。

Answer 3

你可以写下面的代码

.css-events-list{width: 100%;}
.events-table{float:right;}

请在屏幕截图中查看添加css后的截图 https://github.com/numpy/numpy/issues/2074

Answer 4

您可以使用这两个中的一个

.example{float:right;}
.example2{margin-left:-50px;}

正如你所看到的，我使用了一个负数，因此它会向右移动，很难解释，但它帮助我使用这种方法的各种时间。