[azimuth]

Tested several more ways (UL etc), and finally got the image to stick in Moon+ with a flex/float combo, although your desired exact style with text/image side by side was not attained.

INSTEAD, our alternative style below may be something to consider. It renders the code design in Moon+, ADE, Pocketbook, and Alkido -- by floating the image to the top right corner. This is only tested on Android. Do further testing on various devices/apps if you plan to use it. See live example at JSFiddle.
JS Fiddle example



The CSS code:

.pinebox {
  margin: 0px;
  padding: 5px;
  background-color: #04AA6D;
  text-align: left;
}
.text {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: flex-start;
  margin: 0px;
  padding: 10px;
  color: #fff;
  text-align: left;
  background-color: #04AA6D;
}
.image {
  float: right;
  height: 80px;
  width: 80px;
  max-width: 80px;
  margin: 0px;
  padding: 0px;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}