html一行左侧有两行,html – CSS在一行而不是两行中获取文本

我有一个小问题的标题，我希望文本显示在一行，而不是分为两个，因为我试图将这些块作为一个网格

HTML

1996 Land Rover Defender

Hobbs92

CSS

@import url(http://fonts.googleapis.com/css?family=Open+Sans);

.garage-row {

border: 1px solid #FFFFFF;

float: left;

margin-right: 5px;

padding: 12px;

position: relative;

width: 204px;

}

.garage-row img{}

.garage-image {

background-position: center center;

display: block;

float: left;

max-height: 150px;

max-width: 204px;

overflow: hidden;

position: relative;

}

.user-Meta {

background: none repeat scroll 0 0 #2C3539;

color: #FFFFFF;

float: left;

padding: 10px;

position: relative;

width: 184px;

}

img {

border-width: 0;

height: auto;

max-width: 100%;

vertical-align: middle;

}

.garage-title {

clear: both;

display: inline-block;

overflow: hidden;

}

.garage-row-title {

font-size: 22px;

font-weight: bold;

}

a:link {

color: #43A6DF;

}

font-family: 'Open Sans',sans-serif;

我非常感谢，如果有人能够帮助我把标题变成一行而不是两个，甚至修复它，所以如果标题超过宽度，然后它得到椭圆。