html 字数换行,html – CSS文字换行第二行文字

当第一行溢出时,如何使文本保持“在它自己的一边”？

我有一个包含两个div的部分.

两个div并排放置,但如果第一行已满,则从第一个div下方的新行开始. (那就是问题)

第一个div是120px宽,因为这是可以在那里打印的最宽的文本.

第二个div应该是屏幕的其余部分.

我创建了一个jafiddle的链接,以防页面上的那个没有说清楚.

当你有一个小窗口(电话等)时会出现问题.

该页面是从php生成的.

.section{

display: inline-block;

width: 100%;

float: left;

}

.pTrans1{

float: left;

width: 120px;

color: red;

}

.pTrans2{

display: inline;

}

15 1120Z

Meterologisk observation från den 15e kl 12:20 svensk tid. (32 minuter sedan)