java英文单词断行,自动换行：打破单词中断到错误的div大小

我正在尝试对齐图像旁边的文本 . 我想说明没有空格的长字符串 .

我的css如下

.new_item {

width: 100%;

float: left;

border-bottom: 1px solid #990000;

margin: 0 auto;

}

.image_container {

padding: 2px 2px;

height: auto;

float: left;

width: 300px;

}

.itemdescription {

word-wrap: break-word;

display: inline;

}

包含单个长字符串的文本描述仍然被强制在image_container下面，因为(我认为)“word-wrap：break-word”将单词分解为容器的宽度 .

如何强制描述div留在图像div旁边？容器div的宽度为60％，图像总是为300px . 如何将div的大小调整为60％的重复大小？我尝试使用内联块并将相应的div浮动到左侧和右侧 .

编辑：还包括上面的容器div的CSS .

Clock

$132

This early 1800's winding design uses a leaf-spring click on the spokes of the wheel, to hold the weight that runs the clock. The power of the weight is transferred to the click.

Eventually, the shock of winding caused one of the original clicks to fail at a weak point. Following the original maker's concept, a stronger replacement was made and installed.

The completed repair, ready to install - and good for another century of use. $132

Litte

$832.2

LittlebirdLittlebirdLittlebirdLittlebirdLittlebirdLittlebirdLittlebi rdLittlebirdLittlebirdLittlebirdLittlebirdLittlebirdLittlebirdLittlebirdLittlebirdLittlebirdLittlebirdLittlebirdLittlebirdLittlebirdLittlebirdLittlebirdLittlebirdLittlebirdLittlebirdLittlebird $832.2