Как сделать так,чтобы content в псевдоэлементе after был на одной позиции вне зависимости от масштаба?

Question

[Maxwiwi]

На данный момент вот так,но при изменении масштаба всё съезжает

div.for-img{
			display: inline-block;
			width:256px;
			height: 128px;
			background-color: $gray;
		}
		div.for-img:after{
			position: absolute;
			left:1090px;
			content: "SOON";
			font-size: 25px;
			
		}

Comments

[dsmaslov]

Задайте позиционирование в процентах и всё будет ок.

Answer 1

[dev-rob]

Поставьте для селектора div.for-img {position: relative;} и Ваш контент будет позиционироваться относительно div.for-img

Answer 2

[mc21]

left:0;
right:0;
text-align:center

Answer 3

[alekseydemyanenko]

left: 50%;
bottom: 0;
transform: translate(-50%, 0);

Всегда по центру.