Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p><strong>1. You should use &lt;br /&gt; sparingly:</strong><br> - Utilize appropriate elements then combine them with CSS to form a line-break (in this case: &lt;label&gt; with CSS: (display: block))</p> <p><strong>2. Avoid styling the webpage using any markup:</strong><br> - Instead of using &amp;nbsp; (an HTML Entity), you can use CSS' positioning (float or position) and spacing (padding or margin) properties.</p> <p><strong>3. Avoid using deprecated elements:</strong><br> - The &lt;center&gt; is a deprecated element because it is presentational in nature, use CSS instead: (text-align: center).</p> <p><strong>4. Practice placing title for form elements to tell the user what the elements are for:</strong><br> - You can chooose between &lt;label&gt; or placing a title attribute directly in the form elements: </p> <p><em>Example:</em> </p> <p>A:<br> &lt;label for="selection-id">Item Price: &lt;/label&gt;<br> &lt;input id="selection-id" type="text" /&gt; </p> <p>B:<br> &lt;input type="text" title="Item Price" /&gt;</p> <p><strong>5. No, it's not a tabular data, because:</strong> </p> <ul> <li><p>The way you visually set it: the alignment 'seems' to not relate on each other (See left to right direction per row) </p></li> <li><p>It 'looks more like a list' because Tire Choice 'seems' to be related to Vehicle Weight until Final Drive Ratio. </p></li> <li><p>The &lt;select&gt; and &lt;input&gt; are elements of &lt;form&gt; and not &lt;table&gt;'s (unless you want to place the form inside the table) </p></li> </ul>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload