Code: CR Chart w/ 3 variations

[misheard]

Lorem ipsum dolor sit amet, consecte adipiscing elit. Nulla convallis tincidunt. Aenean a erat justo. In aliquam massa sed. Sed dolor justo, eleifend ac felis quis, viverra ornare risus.

<center><raw-code><div style="height: 160px; width: 500px; display: inline-block; overflow: hidden;"><div style="height: 100%; width: 160px; float: left;"><img src="IMAGE" style="width: 80px; float: left;"> <img src="IMAGE" style="width: 80px; float: left;"> <img src="IMAGE" style="width: 80px; float: left;"> <img src="IMAGE" style="width: 80px; float: left;"></div> <div style="height: 100%; width: 140px; background: #212121; padding: 10px; text-align: left; font: 12px arial, sans-serif; color: #fff; float: left;"><span style="font-size: 90%;">Lorem ipsum dolor sit amet, consecte adipiscing elit. Nulla convallis tincidunt. Aenean a erat justo. In aliquam massa sed. Sed dolor justo, eleifend ac felis quis, viverra ornare risus.</span></div> <div style="height: 100%; width: 160px; float: left;"><img src="IMAGE" style="width: 80px; float: left;"> <img src="IMAGE" style="width: 80px; float: left;"> <img src="IMAGE" style="width: 80px; float: left;"> <img src="IMAGE" style="width: 80px; float: left;"> </div></div></raw-code></center>

Lorem ipsum dolor sit amet, consecte adipiscing elit. Nulla convallis tincidunt.

<center><raw-code><div style="height: 80px; width: 500px; display: inline-block; overflow: hidden;"><div style="height: 100%; width: 160px; float: left;"><img src="IMAGE" style="width: 80px; float: left;"> <img src="IMAGE" style="width: 80px; float: left;"></div> <div style="height: 100%; width: 140px; background: #212121; padding: 10px; text-align: left; font: 12px arial, sans-serif; color: #fff; float: left;"><span style="font-size: 90%;">Lorem ipsum dolor sit amet, consecte adipiscing elit. Nulla convallis tincidunt. </span></div> <div style="height: 100%; width: 160px; float: left;"><img src="IMAGE" style="width: 80px; float: left;"> <img src="IMAGE" style="width: 80px; float: left;"></div></div></raw-code></center>

Lorem ipsum dolor sit amet, consecte adipiscing elit. Nulla convallis tincidunt. Aenean a erat justo. In aliquam massa sed. Sed dolor justo, eleifend ac felis quis, viverra ornare risus.

<center><raw-code><div style="height: 160px; width: 330px; display: inline-block; overflow: hidden;"><div style="height: 100%; width: 80px; float: left;"><img src="IMAGE" style="width: 80px; float: left;"> <img src="IMAGE" style="width: 80px; float: left;"></div> <div style="height: 100%; width: 140px; background: #212121; padding: 10px; text-align: left; font: 12px arial, sans-serif; color: #fff; float: left;"><span style="font-size: 90%;">Lorem ipsum dolor sit amet, consecte adipiscing elit. Nulla convallis tincidunt. Aenean a erat justo. In aliquam massa sed. Sed dolor justo, eleifend ac felis quis, viverra ornare risus.</span></div> <div style="height: 100%; width: 80px; float: left;"><img src="IMAGE" style="width: 80px; float: left;"> <img src="IMAGE" style="width: 80px; float: left;"></div></div></raw-code></center>

Lorem ipsum dolor sit amet, consecte adipiscing elit. Nulla convallis tincidunt.

<center><raw-code><div style="height: 80px; width: 330px; display: inline-block; overflow: hidden;"><div style="height: 100%; width: 80px; float: left;"><img src="IMAGE" style="width: 80px; float: left;"></div> <div style="height: 100%; width: 140px; background: #212121; padding: 10px; text-align: left; font: 12px arial, sans-serif; color: #fff; float: left;"><span style="font-size: 90%;">Lorem ipsum dolor sit amet, consecte adipiscing elit. Nulla convallis tincidunt.</span></div> <div style="height: 100%; width: 80px; float: left;"><img src="IMAGE" style="width: 80px; float: left;"></div></div></raw-code></center>

Cannibalized from this code by cawaii.