JSFiddle - React, Tailwind, and code Playground
HTML
<div class="exibicao">
<div class="book">
<div class="book-image">
<img src="https://ipsumimage.appspot.com/140x100">
</div>
<div class="book-values">
<span><label for="ISBN">ISBN:</label>ISBN</span><br>
<span><label for="title">Title:</label>TESTE</span><br>
<span><label for="author's name">Author's name:</label> EXEMPLO</span><br>
<span><label for="edition">Edition:</label>TERCEIRA</span><br>
<span><label for="year">Year:</label>1990</span><br>
<span><label for="category">Category:</label>TERROR</span><br>
<span><label for="publisher">Publisher:</label>TESTE></span><br>
<span><label for="quantity">Quantity-in-stock:</label>TESTE</span><br>
<span><label for="price">Price:</label>80,00</span><br>
<span><a href="www.google.com">Order Now</a></span>
</div>
</div>
<div class="book">
<div class="book-image">
<img src="https://ipsumimage.appspot.com/140x100">
</div>
<div class="book-values">
<span><label for="ISBN">ISBN:</label>ISBN</span><br>
<span><label for="title">Title:</label>TESTE</span><br>
<span><label for="author's name">Author's name:</label> EXEMPLO</span><br>
<span><label for="edition">Edition:</label>TERCEIRA</span><br>
<span><label for="year">Year:</label>1990</span><br>
<span><label for="category">Category:</label>TERROR</span><br>
<span><label for="publisher">Publisher:</label>TESTE></span><br>
<span><label for="quantity">Quantity-in-stock:</label>TESTE</span><br>
<span><label for="price">Price:</label>80,00</span><br>
<span><a href="www.google.com">Order...
CSS
.exibicao{
display:flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
height: auto;
}
.book{
margin-top: 10px;
margin-bottom: 20px;
margin-left: 10px;
}
.book-image{
margin-bottom: 20px;
float: left;
width: 20%;
height: 150px;
text-align:center;
}
.book-values{
padding-left:20px;
float: right;
display: block;
}