Add example of using a .box-head class

cur/programming/2-complexity/2-data-structures-art/2-quizzes.html

@@ -98,24 +98,28 @@ <h2>Planning a Quiz App</h2>
         <div class="forYouToDo">
 
             <ol start="3">
-                <li><div class="newProject"><span class="text">"U2L2-Quiz"</span><img src="/bjc-r/img/icons/new-project-called.png" alt="Start a New Project called U2L2-Quiz" title="Start a New Project called U2L2-Quiz" /><a  name="input-type">&nbsp;</a></div></li>
-                <div class="ap-standard">AAP-1.D</div>
-                <li>Build the custom <code>quiz item</code> abstract data type (both the constructor and the two selectors).</li>
-                <div class="narrower">
-                    <h4><strong>Specifying an Input Type</strong></h4>
-                    <p>Your selectors expect a quiz item, i.e., a list, as input.  You can make your blocks <em>show</em> what type of data they expect. It's not necessary in Snap<em>!</em> but, like assigning a color to a block, it can be a helpful reminder of what the block does and what type of input it expects. You've already seen input slots of several shapes, indicating different expected data types. </p>
-                    <p>
-                        In the Block Editor while creating a selector, click on a plus sign to enter an input name.  Then...
-                        <ol style="list-style-type:lower-alpha">
-                            <li>
-                                Click on the arrow to the right of the input name:<br />
-                                <img class="indent" src="/bjc-r/img/2-complexity/create-input-name-right_arrow.png" height="125" alt="create input name right arrow" title="create input name right arrow" />
-                            </li>
-                            <li>Choose the data type you want for that input. (For this project, you'll use the "text" and "list" input types.)</li>
-                            <li>Click "OK."</li>
-                        </ol>
-                    </p>
-                </div>
+                <li><div class="newProject"><span class="text">"U2L2-Quiz"</span><img src="/bjc-r/img/icons/new-project-called.png" alt="Start a New Project called U2L2-Quiz" title="Start a New Project called U2L2-Quiz" /><a  name="input-type">&nbsp;</a></div>
+                </li>
+                <li>
+                    <div class="ap-standard">AAP-1.D</div>
+                    Build the custom <code>quiz item</code> abstract data type (both the constructor and the two selectors).
+                    <div class="narrower">
+                        <div class="box-head">Specifying an Input Type</div>
+                        <p>Your selectors expect a quiz item, i.e., a list, as input.  You can make your blocks <em>show</em> what type of data they expect. It's not necessary in Snap<em>!</em> but, like assigning a color to a block, it can be a helpful reminder of what the block does and what type of input it expects. You've already seen input slots of several shapes, indicating different expected data types. </p>
+                        <p>
+                            In the Block Editor while creating a selector, click on a plus sign to enter an input name.  Then...
+                            <ol style="list-style-type:lower-alpha">
+                                <li>
+                                    Click on the arrow to the right of the input name:<br />
+                                    <img class="indent" src="/bjc-r/img/2-complexity/create-input-name-right_arrow.png" height="125" alt="create input name right arrow" title="create input name right arrow" />
+                                </li>
+                                <li>Choose the data type you want for that input. (For this project, you'll use the "text" and "list" input types.)</li>
+                                <li>Click "OK."</li>
+                            </ol>
+                        </p>
+                    </div>
+                </li>
+
                 <li>
 				Create a global variable to store your quiz items and initialize it as a list of items, using your constructor where appropriate.</li>
 						<a id="two-views"> </a>