How to add HTML markup and CSS style in PHP - php

Question

I'm not versed in PHP. I've been trying to add css to the following php snippet but to no avail.
add_filter( 'gettext', 'change_related_products_title', 10, 3 );
function change_related_products_title( $translated, $text, $domain ) {
if( $text === 'Related products' && $domain === 'woocommerce' ){
$translated = esc_html__( 'These go well with', $domain ) . ' ' . esc_html( get_the_title() );
}
return $translated;
}
As far as I understand, echo works but it returns errors with the snippet. printf is closer to the result I want to achieve but it adds a random number which I have no idea what it represents.
Below is what I have attempted:
add_filter( 'gettext', 'change_related_products_title', 10, 3 );
function change_related_products_title( $translated, $text, $domain ) {
if( $text === 'Related products' && $domain === 'woocommerce' ){
$css = '<h1>Some Text</h1>';
$translated = printf($css , $domain ) . ' ' . esc_html( get_the_title() );
}
return $translated;
}
The above snippet returns: Some Text random number title.
The actual result I am trying to achieve is to have the output wrapped with css tag for styling purpose. For e.g. Like this:
Some Text title

Answer 1

That was not the random number, it is the count of the characters in $css.
The printf requires % identifier. Please refer to documentation
The html h1 is a block level element which will not display inline block with your title as your expected result. So you need to write your custom css to display it in-line block.
Hope below code will get you the required output
$css = '<div class="wrapping-class"><div class="custom-class">Some Text</div>%s</div>';
printf($css, esc_html( get_the_title() ));
Generated HTML Tags