JSFiddle - React, Tailwind, and code Playground

HTML

<div id = "bookmark_matrix">

<div class="bookmark_row toggle_display_inline" id="user_defined_tag_ancestry_page">
 <div class="tag_hold">ancestry</div>
 <div class="bookmark_hold" id="1151">
  <img name="bo_im" id="1151_a" class="bookmark_image" src="http://www.arcmarks.com/dev/arcmarks/images/square.jpeg">
  <a target="_blank" name="bookmark_link" class="bookmark_link" href="https://www.23andme.com/" id="1151_b">23 and me</a>
 </div>
 <div id="1152" class="bookmark_hold">
  <img id="1152_a" class="bookmark_image" src="http://www.arcmarks.com/dev/arcmarks/images/square.jpeg">
  <a id="1152_b" class="bookmark_link" href="http://www.ancestry.com/" target="_blank">ancestry</a>
 </div>  
</div>

<div class="bookmark_row toggle_display_inline" id="user_defined_tag_art_page">
 <div class="tag_hold">art</div>
 <div class="bookmark_hold" id="user_defined_fav_artsicle">
  <img name="bo_im" id="1355a" class="bookmark_image" src="http://www.arcmarks.com/dev/arcmarks/images/square.jpeg">
  <a target="_blank" name="bookmark_link" class="bookmark_link" href="http://artsicle.com" id="1355">artsicle</a></div><div class="bookmark_hold" id="user_defined_fav_artsy">
     <img name="bo_im" id="1820a" class="bookmark_image" src="http://www.arcmarks.com/dev/arcmarks/images/square.jpeg">
  <a target="_blank" name="bookmark_link" class="bookmark_link" href="http://art.sy" id="1820">artsy</a>
 </div>
</div>

</div>

CSS

#bookmark_matrix{
}
.bookmark_row{
  border-bottom: 1px dotted #cccccc;
}
.tag_hold{
  position: relative;
  top: -2px;
  display: inline;
  font-size: 13px;
  color: #000000;
  padding: 0px 0px 0px 0px;
}
.bookmark_hold{
  position: relative;
  top: -2px;
  margin: 0px 10px 0px 0px;
  display:inline;
}
.bookmark_image{
  position: relative;
  top: 3px;
  height: 16px;
  width: 16px;
}
.bookmark_link{
  text-decoration: none;
  font-size: 13px;
  color: #000000;
}