Use Span in tutorial

content/modules/tutorial/pages/ui-from-scratch.adoc

@@ -265,17 +265,17 @@ image::ui-from-scratch/gen-column-1.png[align="center"]
 
 The data grid is almost ready, now let's add the labels displaying counters of total, completed and overdue steps.
 
-Click *Add Component* in the actions panel and drag and drop `Layouts` -> `VBox` (vertical box) to the `layout` element of the *Jmix UI* hierarchy panel before `userStepsDataGrid`. Then add three `HTML` -> `Label` components into `vbox`.
+Click *Add Component* in the actions panel and drag and drop `Layouts` -> `VBox` (vertical box) to the `layout` element of the *Jmix UI* hierarchy panel before `userStepsDataGrid`. Then add three `HTML` -> `Span` components into `vbox`.
 
 Set the label identifiers as below:
 
 [source,xml]
 ----
 <layout>
     <vbox>
-        <label id="totalStepsLabel"/>
-        <label id="completedStepsLabel"/>
-        <label id="overdueStepsLabel"/>
+        <span id="totalStepsLabel"/>
+        <span id="completedStepsLabel"/>
+        <span id="overdueStepsLabel"/>
     </vbox>
 ----
 
@@ -284,13 +284,13 @@ Now you need to calculate and set their values programmatically in the controlle
 [source,java]
 ----
 @ViewComponent
-private Label completedStepsLabel;
+private Span completedStepsLabel;
 
 @ViewComponent
-private Label overdueStepsLabel;
+private Span overdueStepsLabel;
 
 @ViewComponent
-private Label totalStepsLabel;
+private Span totalStepsLabel;
 
 @ViewComponent
 private CollectionContainer<UserStep> userStepsDc;