我可以使用CSS命令保留文本行吗？

Question

我有这个问题：

我想保留4-5行的文字标题这样的价格和加入购物车按钮排列。

我该怎么办？现在我有这个：

.product-grid { 
margin-bottom:15px; 
margin-left:auto; 
margin-right:auto; 
width:auto; 
text-align:center; 
} 

.product-grid .item-box { 
float:left; 
text-align:center; 
vertical-align:text-top; 
padding:5px; 
} 

.product-grid .item-box:hover { 
background:#F9F9F9; 
} 

.product-grid .product-item { 
text-align:center; 
width:177px; 
height:350px; 
margin:0; 
padding:0; 
} 

*.product-grid .product-item .product-title** { 
font-weight:700; 
font-size:12px; 
font-family:Ubuntu, Helvetica, Arial, sans-serif; 
padding:0; 
} 

.product-grid .product-item .product-title a { 
display:block; 
height:auto; 
line-height:1.3em; 
overflow:hidden; 
font-family:Ubuntu,Helvetica, Arial, sans-serif; 
padding:4px 10px 8px 0; 
} 

.product-grid .product-item .picture { 
text-align:center; 
height:177px; 
} 

.product-grid .product-item .picture img { 
position:relative; 
vertical-align:middle; 
border-radius:5px; 
border:1px solid #eee; 
} 

.product-grid .product-item .description { 
display:none; 
text-align:center; 
border-top:solid 1px #e3e3e3; 
color:#555; 
height:50px; 
font-size:120%; 
margin:5px 5px 0; 
padding:10px 5px; 
} 

.product-grid .product-item .add-info { 
vertical-align:bottom; 
text-align:right; 
width:auto; 
height:auto; 
position:relative; 
} 

.product-grid .product-item .prices { 
text-align:center; 
vertical-align:middle; 
position:static; 
bottom:15px; 
right:10px; 
font-weight:700; 
font-size:170%; 
} 

.product-grid .product-item .prices .product-price,.product-grid .product-item .prices .old-product-price { 
margin:0; 
} 

.product-grid .product-item .prices .product-price .price { 
color:#ef2525; 
font-family:Ubuntu, Helvetica, Arial, sans-serif; 
text-shadow:0 0 1px #333; 
font-size:140%; 
font-weight:700; 
} 

.product-grid .product-item .prices .old-product-price .price { 
font-height:bold; 
color:#333; 
text-decoration:line-through; 
font-size:70%; 
font-family:Ubuntu, Helvetica, Arial, sans-serif; 
} 

*.product-grid .product-item .buttons** { 
vertical-align:bottom; 
position:relative; 
margin-top:15px; 
text-align:center; 
} 

.product-box-add-to-cart-button { 
cursor:pointer; 
background:#427a93; 
color:#fff; 
text-shadow:none; 
font-size:130%; 
font-weight:700; 
font-family:Ubuntu, Helvetica, Arial, sans-serif; 
border:solid 1px #335e70; 
-webkit-transition-duration:.2s; 
-moz-transition-duration:.2s; 
transition-duration:.2s; 
border-color:#999; 
padding:7px; 
} 

.product-box-add-to-cart-button:hover { 
background:#335e70; 
color:#fff; 
text-shadow:0 1px 2px #000; 
border:solid 1px #335e70; 
-webkit-transition-duration:.2s; 
-moz-transition-duration:.2s; 
transition-duration:.2s; 
} 

我需要做什么改变？

我已经尝试了所有我可以找到的路线和位置，但没有任何工作。我认为，如果我能够在标题中保留4-5行文字，我可以使其工作并对齐。

任何帮助，将不胜感激！ 谢谢！

每一个段落 <p>标签或 <div>或其他一些 block-level element，并应用相同的类名给每个商品标题的

Answer 1

总结，说“productTitle”，因此，例如：

<div class="productTitle">ASUS X501A</div> 

然后风格类：

.productTitle{height:4em;} // adjust to desired height.