align ionic icons and text css

1.icon {
2 display: inline-block;
3 font-size: 35px;
4 color: #ffC977;
5 vertical-align: middle;
6}
7
8.text{
9  display: inline-block;
10  vertical-align: middle;
11}

1<ion-item>
2  <ion-icon class="icon ion-ios-clock-outline"></ion-icon> 
3  <span class="text">Recent</span>
4</ion-item>