Trying to use a variable to set image width

I am writing a WordPress plugin that will display a devotional image. One of the options I would like to include is image width. I am trying to wrap the image and some text in a div so I can style it and let the user chose some different styling options. However, just trying to set the div width using the variable is not working. It says there is a syntax error.

Any help would be appreciated! Thanks, Nick.

$imageWidth = get_option('devotional_imageWidth','100%');   
    
$content = "<h2>Devotionally Images</h2>";

<div style="width:$imageWidth;">
    print '<img src="' .$show_file. '" alt="Image Title Here">';
    $content .= "devotional by Devotional.ly";          
</div>

    return $content;
}
add_shortcode('devotionally','devotionally_function');

Answers:

Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.

Method 1

There are invalid PHP codes in your sample. Try to use valid PHP code like below.

$imageWidth = get_option('devotional_imageWidth','100%');   
    
$content = "<h2>Devotionally Images</h2>";

$content .= '<div style="width:' . $imageWidth. ';">';
$content .= '<img src="' .$show_file. '" alt="Image Title Here">';
$content .= "devotional by Devotional.ly";          
$content .= '</div>';

    return $content;

All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0