Vertical-align как правильно использовать?
Юзайте padding, я вас умоляю:.logo a {
	color: #fff;
	padding: 6px 12px;
	background-color: #ea5a4b;
	display: inline-block;
	text-align: center;
}
добавь код.logo a {
  line-height: 33px;
}
добавлено позже -------------------------------
Вот еще вариант, если использование свойства vertical-align- принципиально.<a href="#"><i>i</i><span>Intent.</span></a>a {
  display: block;
  height: 34px;
  text-decoration: none;
  float: left;
  color: black;
  font-family: Arial;
  }
i {
  font-style: normal;
	color: #fff;
	width: 34px;
  height: 34px;
	background-color: #ea5a4b;
	text-align: center;
  display: table-cell;
  vertical-align: middle;
  }
span {
  display: table-cell;
  vertical-align: middle;
  padding-left: 5px;
}