title: How to give styles to ng-template tag in Angular 4?
body: <pre><code> &lt;mat-dialog-content class="no-scroll" &gt;
  
    &lt;mat-divider&gt;&lt;/mat-divider&gt;
    &lt;section class="row add-widget-container"&gt;
     &lt;span class="col-md-4 text-center"&gt;
        &lt;h4&gt;Available widgets&lt;/h4&gt;
          &lt;div class="selectable-widgets"&gt;
              &lt;mat-button-toggle-group #group="matButtonToggleGroup" [(ngModel)]="selectedWidget" (change)="showPreview()" [vertical]="true"&gt;
                  &lt;mat-button-toggle color="primary" *ngFor="let widget of availableWidgets" 
                      [value]="widget"&gt;{{widget.data.title}}&lt;/mat-button-toggle&gt;
              &lt;/mat-button-toggle-group&gt;
          &lt;/div&gt;
     &lt;/span&gt;
     &lt;span class="col-md-4"&gt;
        &lt;h4 class="text-center"&gt;Preview&lt;/h4&gt;
      &lt;ng-template #widgetPreview &gt;&lt;/ng-template&gt;
    &lt;/span&gt;
    &lt;span class="col-md-4 text-center"&gt;
        &lt;h4&gt;Options&lt;/h4&gt;  
  
    &lt;/span&gt;
    &lt;/section&gt;
  &lt;/mat-dialog-content&gt;
  </code></pre>
  
  <p>How can we set the height and width of  the  <code>ng-template</code> tag. I tried putting some inline style to the <code>ng-template</code> tag, but it is not reflecting there</p>