[Tabs] Header with icon+text not vertically aligned

#### Bug, feature request, or proposal:
Tab with Icon and Text label not aligned vertically center, currently aligned bottom

#### What is the expected behavior?
Expect to align text and icon in middle. (as In Button with Icon and Label)
Tab Label and Icon are aligned in

#### What is the current behavior?
Tab with Icon and Text label not aligned vertically center, currently aligned bottom

#### What are the steps to reproduce?
Providing a StackBlitz reproduction is the *best* way to share your issue.

StackBlitz starter: https://goo.gl/wwnhMV

https://stackblitz.com/angular/rlqokrmnevel?file=app%2Ftabs-template-label-example.html

```

attach_file Attach File

```

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
@5.2.2

#### Is there anything else we should know?

Bắt đầu với bản tái hiện StackBlitz được liên kết và kiểm tra template mat-tab-label chứa mat-icon cùng văn bản Attach File. So sánh căn chỉnh của nó với hành vi nút được báo cáo, sau đó xác minh rằng biểu tượng và nhãn được căn giữa theo chiều dọc mà không thay đổi hành vi của nội dung tab.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.