我的宽度有点问题，文字那边因为设置了padding，然后宽度使用25%就没法具体减，要如何解决

.image-text{

width: 100%;

height: 760px;

overflow: hidden;

margin-top: 30px;

}

.image-text .image,.image-text .text{

width: 25%;

height: 380px;

float: left;

}

.image-text .image img{

width: 100%;

height: 380px;

}

.image-text .text{

background-color: #07CBC9;

padding:20px;

height: 340px;

width: 22.3%;

}

.image-text .text .text1{

padding-bottom: 30px;

font-size: 24px;

color: white;

}

.image-text .text .text2{

padding-bottom: 20px;

font-size: 16px;

color: white;

}

.image-text .text .text3{

padding-bottom: 30px;

font-size: 14px;

color: gray;

}

.image-text .text .text4{

width: 138px;

height: 40px;

margin: 0 auto;

background-color: black;

color: white;

text-align: center;

line-height: 40px;

}

<!-- 图文混排区域 -->

    <div class="image-text">

        <div class="image">

            <img src="images/b1.jpg">

        </div>

        <div class="text">

            <p class="text1">Library</p>

            <p class="text2">Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>

            <p class="text3">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>

            <p class="text4">EXPLORE</p>

        </div>

        <div class="image">

            <img src="images/b2.jpg">

        </div>

        <div class="text">

            <p class="text1">Library</p>

            <p class="text2">Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>

            <p class="text3">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>

            <p class="text4">EXPLORE</p>

        </div>

        <div class="text">

            <p class="text1">Library</p>

            <p class="text2">Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>

            <p class="text3">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>

            <p class="text4">EXPLORE</p>

        </div>

        <div class="image">

            <img src="images/b3.jpg">

        </div>

        <div class="text">

            <p class="text1">Library</p>

            <p class="text2">Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>

            <p class="text3">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>

            <p class="text4">EXPLORE</p>

        </div>

        <div class="image">

            <img src="images/b4.jpg">

        </div>

    </div>