JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wr">
  <p>
    Hello, it`s text for example
  </p>
  <div class="select-wr">
    <select>
      <option>1</option>
      <option>2</option>
      <option>3</option>
    </select>
  </div>
</div>

CSS

.select-wr {
  display: block;
  position: relative;
}
.select-wr:after {
  content: '';
  display: block;
  width: 15px;
  height: 10px;
  position: absolute;
  top: -20px;
  right: 12px;
  z-index: 10;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 50% / 10px;
}
select {
  width: 100%;
  height: 50px;
  border: none;
  outline: none;
  background-color: lightblue;
  /* needed */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* SVG background image */
  
}

.wr {
  border: 10px solid aqua;
  padding: 10px
}
p{
  position: relative;
}
p::after{
  content: '*тут*';
  position: absolute;
  top: 50%;
  right: 0;
  color: #ff0000;
}