html - 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>

问题：如何从上下添加缩进，使文本在一条水平线上？

标签： htmlcss