div class content div class news div class shadow-wrapper img src img

<div class="content">
    <div class="news">
        <div class="shadow-wrapper">
            <img src="../img/news1.jpg" class="news-img">
            <h3>
                <a href="ruschem.html">
                    "Завершились Чемпионат и Первенство России по черлидингу 2015 г."</a>
            </h3>
        </div>
    </div>
    <div class="news">
        <div class="shadow-wrapper">
            <img src="../img/туцы2.jpg" class="news-img">
            <h3>
                <a href="../img/chemworld.html">22 – 27 апреля, в США (Орландо) состоялся чемпионат Мира по черлидингу</a>
            </h3>
        </div>
    </div>
    <div class="news">
        <div class="shadow-wrapper">
            <img src="../img/news3.jpg" class="news-img">
            <h3>
                <a href="chemtat.html">25 апреля 2015 года в Казани состоялись Открытый Чемпионат и Первенство
                    Республики Татарстан по черлидингу. </a>
            </h3>
        </div>
    </div>
</div>




.content{
    padding: 2em;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
}

.news-img{
    width: 100%;
}

.news{
    font-size: 2em;
    margin: 0 1em;
}

.news-header{
    text-align: center;
    font-size: 2em;
    margin-bottom: 0.2em;
}

.news-header h2{
    margin-bottom: 0.2em;
}

.shadow-wrapper{
    background-color: white;
    padding: 1.5em;
    box-sizing: border-box;
    border: 2px solid #d8d8d8;
    border-top-width: 0;
    vertical-align: top;
    -moz-box-shadow: 0 0 1px 1px #888;
    -webkit-box-shadow: 0 0 1px 1px #888;
    box-shadow: 0 0 1px 1px #888;
}

ul{
    list-style: circle;
    padding-left: 2em;
}