html - Customize text size in bootstrap button -


i trying create "download app store" button using twitter bootstrap.

the issue having trying make "app store" text larger "download the" text above it.

here html , css using.

.fixed-hero .hero-text {     padding-top: 90px;     width: 65%;     color:#fff;     font-family: century gothic, sans-serif;     font-size: 2.2em;     line-height: 1.5em;   } .fixed-hero .hero-button {     padding-top: 60px;     width: 65%; }  .btn.btn-large.btn-danger{     border-style:solid;     border-width:1px;     border-color:#fff;     background-image: linear-gradient(to bottom, rgb(204, 81, 81), #990000);     text-align: left; }      <div class="hero-button text-center">             <a href="#" class="btn btn-large btn-danger">                 <i class="icon-apple icon-3x pull-left"></i>                 <div>                 download                 app store                 </div>             </a>     </div> 

i appreciate feedback , expertise.

wrap text , shrink font-size:smaller or whatever size like.

<div class="hero-button text-center">         <a href="#" class="btn btn-large btn-danger">             <i class="icon-apple icon-3x pull-left"></i>                 <span style="font-size:smaller;">download the</span>             app store         </a> </div> 

Comments

Popular posts from this blog

javascript - Count length of each class -

What design pattern is this code in Javascript? -

hadoop - Restrict secondarynamenode to be installed and run on any other node in the cluster -