How to make a heading with image and text horizontally center?

I have an image and a text. I need the text should follow after the image in a row. And after alignment of both side by side like [image]Time tracker , make both content horizontally center of the screen as a heading of the current page. What i tried to do is given below.

 <div class="row">
      <div class="col-80 col-offset-10">

          <div class="appheadingcenter">

            <img src="img/clock.png" alt="clock" class="clockwidth"></img>
            <div class="timesheettext2">
              <h1 class="timesheettext">
                <b>Timesheet Tracking</b>
              </h1>
            </div>
          </div>

        </div>

        </div>