Correct the dfn markup

And remove some extraneous end tags while I'm here.

Author: tabatkins

css-shapes-2/Overview.bs

@@ -126,10 +126,11 @@ Supported Shapes</h3>
 	section, with the following integrated.
 
 	<dl>
-		<dt><dfn>path()</dfn> =
-			path( [<<fill-rule>>,]? <<string>> )
-		</dt>
-		<dd>
+		<dt>
+			<pre class=prod>
+				<dfn>path()</dfn> = path( [<<fill-rule>>,]? <<string>> )
+			</pre>
+		<dd dfn-type=value dfn-for="path()">
 			<ul>
 				<li>
 					<dfn><<fill-rule>></dfn> -
@@ -138,9 +139,9 @@ Supported Shapes</h3>
 					of the path.
 					See <a href="https://www.w3.org/TR/SVG/painting.html#FillRuleProperty">fill-rule</a> property
 					in SVG for details.
-					Possible values are ''nonzero''
-					or ''evenodd''.
-					Default value when omitted is ''nonzero''.</li>
+					Possible values are <dfn>''nonzero''</dfn>
+					or <dfn>''evenodd''</dfn>.
+					Default value when omitted is ''nonzero''.
 				<li>
 					The <dfn><<string>></dfn>  represents an
 					<a href="https://www.w3.org/TR/SVG11/paths.html#PathData">SVG Path data string</a>.
@@ -150,9 +151,7 @@ Supported Shapes</h3>
 					by the first “move to” argument
 					in the path string.
 					For the initial direction follow SVG 1.1.
-				</li>
 			</ul>
-		</dd>
 	</dl>
 
 	<div class="issue-marker wrapper">