centering text next to an image bootstrap navbar

I have an logo that is within the navbar and I have text that is next to it. I would like to vertically center the text so that it is in the middle of the logo. When I try to adjust a.navbar-brand everything moves. Would I need to surround the @Html.ActionLink code with a separate span or div tag and then reference that within the css?

        <div class="navbar-header">
            <a class="navbar-brand">
                <img alt="tribal_logo" src="~/Content/Images/tribal_logo2.gif" />
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            @Html.ActionLink("Fishing and Hunting License Program", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" })

Try giving actionlink .btn-link class and then adjust the height of navbar if having more height.

Try something like below


<div class="navbar">
  <div class="image col-md-2">asasda<img src=""></div>
  <div class="desc col-md-10">
    <p class="item-desc-text">Text.</p>


.desc {
  position: relative;
  border: 1px solid #ccc;
  box-sizing: border-box;
.item-desc-text {
    text-align: left;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);