This trick / CSS rule to text wrap on more than one line and this is also called VERTICAL ELLIPSIS

<p class=”text_hidden”>How to fix WordPress wp-config file common errors? How to Fix WordPress Admin Styles Not Loading? How to fix display error when PHP version changed? How to display only 3 rows and text overflow hidden</p>


.text_hidden {
   // Change row numbers as per requirements
   -webkit-line-clamp: 3;

   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}

This trick / CSS rule to text wrap based on width set and this is also called HORIZONTAL ELLIPSIS

<p class="text_hidden">How to fix WordPress wp-config file common errors? How to Fix WordPress Admin Styles Not Loading? How to fix display error when PHP version changed? How to display only 3 rows and text overflow hidden</p>


.text_hidden {
   //Set any width
   width: 50px;

   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

   //'display' any property can set
   display: block;
}