Html 垂直居中放置不同浏览器窗口的内容

我有一个问题，让两个并排的div垂直集中在我的网站上。这是一个标志，旁边有一段文字，我想让它们水平和垂直居中，但我无法为这个特殊的情况找到答案。我附上了一把小提琴和一个链接到下面的实际站点

HTML:

---

如果能帮上忙，那就太好了

我不太确定您要构建什么布局，但下面的示例足以让您开始

我使用CSS表格进行居中

---

我不太确定您要归档的是什么布局，但下面的示例足以让您开始

我使用CSS表格进行居中

---

我将这3个CSS更改为水平和垂直对齐内容

.content {
    width: 825px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.left {
    float: left;
    margin: 0 auto;
    text-align: right;
}

.right {
    float: left;
    width: 75%;
    margin: 0 auto;
}

这就是最终结果：

---

这种方法的缺点是需要为居中元素使用固定的宽度和高度

我将这3段CSS更改为水平和垂直对齐内容

.content {
    width: 825px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.left {
    float: left;
    margin: 0 auto;
    text-align: right;
}

.right {
    float: left;
    width: 75%;
    margin: 0 auto;
}

这就是最终结果：

---

这种方法的缺点是需要为居中元素使用固定的宽度和高度

你需要什么浏览器支持？Chrome、Mozilla、Safari的最新版本-不太关心IE支持！我知道你正在使用ie 6和7兼容的浏览器，你需要什么浏览器支持？Chrome、Mozilla、Safari的最新版本-不要太在意ie支持！我看到你正在使用IE6&7兼容的粘滞页脚啊，这是伟大的-帮助我得到它，正是我所需要的，非常感谢！啊，这太棒了-帮我弄到了我需要的东西，非常感谢！

.content {
  display: table;
}
.left {
  display: table-cell;
  vertical-align: middle;
}

.content {
    width: 825px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.left {
    float: left;
    margin: 0 auto;
    text-align: right;
}

.right {
    float: left;
    width: 75%;
    margin: 0 auto;
}