<div class="map-poi">
  <input name="poi" type="radio">
  <label for="poi">Fetih</label>
  <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="12px" height="18px" viewBox="0 0 310 467" version="1.1" xmlns="http://www.w3.org/2000/svg">
    <title>Map</title>
    <g stroke="none" stroke-width="1" fill="none">
        <g id="location-pin" fill="#006DF0">
            <path d="M155.292,0 C70.192,0 0.958,69.234 0.958,154.333 C0.958,188.608 22.845,244.488 67.866,325.167 C99.712,382.23 131.034,429.81 132.35,431.807 L155.292,466.582 L178.233,431.808 C179.55,429.81 210.874,382.231 242.716,325.168 C287.739,244.488 309.624,188.609 309.624,154.334 C309.625,69.234 240.391,0 155.292,0 L155.292,0 Z M155.292,233.291 C111.11,233.291 75.292,197.474 75.292,153.291 C75.292,109.108 111.11,73.291 155.292,73.291 C199.474,73.291 235.292,109.108 235.292,153.291 C235.292,197.474 199.473,233.291 155.292,233.291 L155.292,233.291 Z"></path>
        </g>
    </g>
</svg>
  <span>1.8 km</span>
</div>
@import url('https://fonts.googleapis.com/css?family=Merriweather+Sans:300,800');

body {
  font-size: 20px;
  font-family: 'Merriweather Sans', sans-serif;
}

.map-poi {
  display: flex;
  align-items: center;
  width: 460px;
  margin: 0 auto;
  padding: 5px 10px;
  box-shadow: 1px 1px 3px rgba(0,0,0,.2);
}
Rerun