DIV中的文字在一条水平线上吗？

Question

我有这样的HTML + CSS代码：

.top {
  padding-right: 40px;
}

.w {
  text-decoration: none;
  font-size: 34px;
  letter-spacing: 3px;
  padding-left: 40px;
}

.w-right {
  float: right;
  letter-spacing: 4px;
}

<div class="top">
  <a class="w" href="//www.site.com/">www.Site.Com</a>
  <div class="w-right">sitecom corp</div>
</div>

问题：如何从上方和下方添加缩进，以使文本位于一条水平线上？