relationship box

<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
<style>
/*interests filler by mia for peachlyts. pls do not delete the credit. it will not show nor affect how the filler looks visually on your profile to keep it here. thnx. */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,900&display=swap');

  #peach-luv {
    position: relative;
    margin: 0 auto;
    width: 220px;
    height: 125px;
    padding: 5px;
    background-color: transparent;
    text-align: center;
  }

  #peach-icon1 {
    position: relative;
    display: inline-block;
    margin-left: 20px;
    margin-top: 10px;
    width: 50px;
    height: 50px;
    border: .5px solid #eaeaea;
    padding: 5px;
    background-color: #ffffff;
    border-radius: 100%;
    z-index: 1;
  }

  #peach-icon2 {
    position: relative;
    display: inline-block;
    left: -18px;
    width: 50px;
    height: 50px;
    border: .5px solid #eaeaea;
    padding: 5px;
    background-color: #ffffff;
    border-radius: 100%;
  }

  #love1 {
    position: relative;
    width: 210px;
    display: inline-block;
    font-family: 'lato', sans-serif;
    font-weight: 400;
    font-size: 12.5px;
    color: #bababa;
    letter-spacing: -.5px;
  }

  bl {
    font-weight: 900;
    color: #f2bcd9;}

  lw {
    font-weight: 300;
    font-size: 10px;
  }
</style>

<div id="peach-luv">
<img src="https://placehold.it/50x50" id="peach-icon1">
<img src="https://placehold.it/50x50" id="peach-icon2">
<div id="love1">
<span class="th th-heart-1" style="position: relative; color:#f2bcd9; font-size: 15px; margin-top: -3px; margin-bottom: 2px;"></span>
<br>
<bl>name #1</bl> started dating <bl>name #2</bl>
<br>
<lw>month day, year</lw>
</div>
</div>