The auto-format feature in VScode seems to be messing up in a few specific cases. Here's an example of one below.

Original File

<style>
    .container<?=$unique_id?> {
        width: 100%;
        height: 100%;
    }

    .container<?=$unique_id?> img {
        max-height:100%;
        max-width: 100%;
    }
</style>

<a target="_blank" href="<?=$adData['click_link']?>" class="container<?=$unique_id?> text-center">
    <img src="<?=$envConfig['simembers_img_url']?>/ads/<?=$unique_id?>/<?=$unique_id?>.jpg">
</a>

After auto-format

<style>
    .container

    <?= $unique_id ?>
        {
        width: 100%;
        height: 100%;
    }

    .container

    <?= $unique_id ?>
    img {
        max-height: 100%;
        max-width: 100%;
    }
</style>
<a target="_blank" href="<?= $adData['click_link'] ?>" class="container<?= $unique_id ?> text-center">
    <img src="<?= $envConfig['simembers_img_url'] ?>/ads/<?= $unique_id ?>/<?= $unique_id ?>.jpg">
</a>