JSFiddle - React, Tailwind, and code Playground

by dmmccollough

HTML

<div class="container">
		<div class="imageItem">
      <img width="90px" height="90px" src="https://i.ibb.co/9trZY0b/O-Net-Legend.png" border="0">
		</div>
		<div class="item-1 item">FF-000312</div>
		<div class="item-2 item">Last Modified: 01/09/2020</div>
		<p>Descriptive text describing the nature of the reported issue.</p>
	</div>

CSS

.container {
  display: flex;
  justify-content: space-around;
  padding: 10px;
  border-radius: 5px;
  margin: 45px auto;
  border: 1px solid black;
  box-shadow: 0 1.5px 0 0 rgba(0, 0, 0, 0.1);
}

.container>p {
  color: black;
}

.imageItem {
  align-self: center;
}

.item {
	color: black;
	padding: 15px;
	margin: 5px;	
	border-radius: 3px;
}

.item-1 {
  margin-right: auto;
}