Как убрать лишний символ?

Question

[Дмитрий]

Здравствуйте. Отцентрировал картинку при помощи :before появился символ тире перед картинкой. Как его можно убрать?

codepen.io/ddimonn8080/pen/xVLaZY

Answer 1

[Александр Латышев]

Решение №1: убрать подчёркивание у ссылки text-decoration: none;, но в этом случае остаётся разный отступ справа и слева от картинки до края контейнера.

Решение №2: использовать флекс - убрать :before и изменить стили так:

.carouselSimple__linkImg {
	display: flex;
	height: 100%;
  justify-content: center;
  align-items: center;
}

.carouselSimple__img {
	width: 100px;
	height: 63px;
}

Answer 2

[Никита Траторов]

Это не тире, а подчеркивание ссылки:

.carouselSimple__linkImg {
	display: block;
	height: 100%;
/* 	background: #369; */
  text-decoration: none;  /* добавьте вот эту строку */
}

Answer 3

[Dmitriy Uvarov]

Это подчеркивание от ссылки, можно убрать
text-decoration: none;