Half circle with CSS (border, outline only)

Question

I\'m trying to create a circle with CSS, which looks exactly like on the following picture:

Answer 1

I had a similar issue not long time ago and this was how I solved it

.rotated-half-circle {
  /* Create the circle */
  width: 40px;
  height: 40px;
  border: 10px solid black;
  border-radius: 50%;
  /* Halve the circle */
  border-bottom-color: transparent;
  border-left-color: transparent;
  /* Rotate the circle */
  transform: rotate(-45deg);
}