Javascript 段落旁边的图像从左下角开始，而不是左上角

在段落中--我希望文本从

左上

开始，但默认情况下它从

左下

开始。有什么简单的方法可以直接告诉段落，只从“左上角”开始。我不知道任何这样的CSS或命令。如果有人知道，请帮忙

*{margin:0；padding:0；框大小：border-box；}
h1{背景：#000；颜色：#fff；填充：5px；文本对齐：居中；页边距底部：10px；}
.content{padding:20px；}
.green框{边框：2px实心#9a；填充：10px；}
.green box>*{显示：内联块；}
.green box p{文本对齐：左上；}

战斗机
…内容

在FlexBox之前，类似的问题将通过float属性解决。由于FlexBox，您可以执行类似的操作：

*{margin:0；padding:0；框大小：border-box；}
h1{背景：#000；颜色：#fff；填充：5px；文本对齐：居中；页边距底部：10px；}
.content{填充：20px；显示：块；位置：相对；}
.green框{边框：2px实心#9a；填充：10px；显示：flex；位置：relative；}

战斗机
…内容

垂直对齐：顶部