How to hide the full text of the description in the displayed products?

Question

Yii

<div class="col-sm-3">
        <div class="product-image-wrapper">
            <div class="single-products">
                <div class="productinfo text-center">
                
                    
                     <?= Html::img($mainImg->getUrl('300x200'), ['alt' => $hit->name])?>

                  <h2>$<?= $hit->price?></h2>
                    <p><a href="<?= \yii\helpers\Url::to(['product/view', 'id' => '7']) ?>"><?= $hit->name?></a></p>
                    <a href="<?= \yii\helpers\Url::to(['cart/add', 'id' => $hit->id])?>" data-id="<?= $hit->id?>" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>
                </div>

            </div>
        </div>
    </div>

Answer 1

p {
     width: 80%;
     overflow: hidden;
     white-space: nowrap;
     word-wrap: normal;
    /* для IE */
     padding-left: 40px;
     text-overflow: ellipsis;
}