对齐png图像侧面的按钮文本

Question

我试图在这个png的右侧放置一些文字但由于某种原因它显示在图像下方而不是在侧面显示。 这是bootply http://www.bootply.com/DaWdC87WaQ

.btn-default.btn1 {
 box-shadow: none;
 text-decoration: none !important;
 position: relative;
 display: inline-block;
 padding: 10px 26px;
 font: bold 12px/30px 'Verdana';
 text-transform: uppercase;
 margin: 0;
 text-shadow: none;
 border-radius: 0;
 letter-spacing: 2px;
 color: #ffffff;
 background: #F66733;
 -webkit-transition: all 0.85s ease-out;
 -moz-transition: all 0.85s ease-out;
 transition: all 0.85s ease-out;
 width: 20%;
 height: 100px;
 }

HTML

        <div>
              <a style="font-size:20px;" class="btn-default btn1" href="#"><img src="http://oi57.tinypic.com/k973n4.jpg">Heading 1</a>
              <a style="font-size:20px;" class="btn-default btn1" href="#"><img src="http://oi60.tinypic.com/2uoiedc.jpg">Heading 2  </a>
            </div>
        </div>