<pre style="word-wrap: break-word; white-space: pre-wrap;">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;meta name="viewport" content="width=device-width"&gt;
  &lt;title&gt;JS Bin&lt;/title&gt;
  
  &lt;style&gt;
    
    .Card {
	border: 1px solid gray; 
	border-radius: .75rem;
	padding: 1rem;
	background: lightgray;
	
	img {
		max-width: 100%;
		border-radius: .75rem;
		anchor-name: --product-image;
	}
	
	.badge {
		
		position: absolute;

		
		position-anchor: --product-image;
		bottom: calc(anchor(bottom) + 10px);
		right: calc(anchor(right) + 10px);
		
		background: green;
		padding: 0.25rem 0.65rem;
		border-radius: 100vw;
		color: white;
	}
}
    
  &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

	

	&lt;div class="Card"&gt;
		
		&lt;h1&gt;Classic line Solicí řeznická dusitanová směs PRAGANDA - RYCHLOSŮL 1kg&lt;/h1&gt;
		
		&lt;img src="https://picsum.photos/id/92/800/600" alt=""&gt;
		
		&lt;div class="badge"&gt;Zlevněno&lt;/div&gt;
	&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>