TigNewStyle

-webkit-font-size: 55px;
-webkit-text-align: center;
font-size: 55px;
height: 180px;
line-height: 180px;
width: 100%;
text-align: center;

попробуй вот так!!!

можно сделать с помощью bootstrap- а!!! тебе надо скачать bootstrap и потом вставит этот код
ну и потом уже менять в css так как тебе надо !!!

<div id="myCarousel" class="carousel slide">
          <!-- Carousel indicators -->
          <ol class="carousel-indicators">
          <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
          <li data-target="#myCarousel" data-slide-to="1"></li>
          <li data-target="#myCarousel" data-slide-to="2"></li>
          </ol>
          <!-- Carousel items -->
          <div class="carousel-inner">
          <div class="item active">
          <img src="img/slide1.png" alt="First slide"  width="100%" height="">
          </div>
          <div class="item">
          <img src="img/slide2.png" alt="Second slide"  width="100%" height="">
          </div>
          <div class="item">
          <img src="img/slide3.png" alt="Third slide" width="100%" height="">
          </div>
          </div>
          <!-- Carousel nav -->
          <a class="carousel-control left" href="#myCarousel"
          data-slide="prev">&lsaquo;</a>
          <a class="carousel-control right" href="#myCarousel"
          data-slide="next">&rsaquo;</a>
        </div>