you are here

index.html

<div class="center">
<div id="yah"></div>
</div>

style.css

#yah {
   position: relative; 
   width: 64px; 
   height: 160px; 
} 
#yah:before {
   content: ""; 
   position: absolute; 
   top: 0; 
   left: 0; 
   width: 40px; 
   height: 40px; 
   border: 20px solid #fff; 
   -moz-border-radius: 50px 50px 0 50px; 
   border-radius: 50px 50px 0 50px; 
   -webkit-transform: rotate(-45deg); 
   -moz-transform: rotate(-45deg); 
   -ms-transform: rotate(-45deg); 
   -o-transform: rotate(-45deg); 
   transform: rotate(45deg); 
  background-color:#fff;
} 


body {
background:#1D1F20;
}

.center {
  position: absolute;
  left: 50%;
  top: 50%;
 transform: translate(-50%, -50%); 
}

you-are-here.markdown

you are here

"you are here" mark in css

A Pen by Tankred on CodePen.

License.