CSS word换行第二行文字

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

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

第一个div是120px宽,因为这是可以在那里打印的最宽的文本.第二个div应该是屏幕的其余部分.

我创建了一个jafiddle的链接,以防页面上的那个没有说清楚.当你有一个小窗口(电话等)时会出现问题.

该页面是从php生成的.

http://jsfiddle.net/tL2fkLhq

.section{
        display: inline-block;
        width: 100%;
        float: left;
    }
    .pTrans1{
        float: left;
        width: 120px;
        color: red;

    }
    .pTrans2{
        display: inline;
        
    }

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