Angular styles not flexible? How to correct?

I am using Angular directives. I have a section where I don't want to have the two (will be 3) fields to align vertically.  Usually, I would control this with the HTML or CSS, but it does not seem to be playing nice.  I guess it's the way Angular is designed. I tried editing properties in the Developer Tools in the browser, nothing worked.

I have this:

But I want this:
Hello, Guest LOGIN

Here is my code:

<!-- User NOT logged in -->
<ng-template #guest class="box">
   <h3>Hello, GUEST</h3>
   <button class="button" routerLink="/login">Login</button>
  </ng-template>

Select allOpen in new window