Fix a long-standing issue:

Some macros (Nd, Oo) can contain blocks but rendered as elements that
can only contain phrasing content, resulting in invalid HTML nesting.
Switch them to <div>.
Also move the related "display: inline" style from the HTML to the CSS.

Reminded during a conversation with John Gardner.

1 files changed, 3 insertions, 2 deletions

diff --git a/mandoc.css b/mandoc.css
index 903137ec..631aedc4 100644
--- a/mandoc.css
+++ b/mandoc.css
@@ -41,7 +41,7 @@ table.head {	width: 100%;
 td.head-vol {	text-align: center; }
 td.head-rtitle {
 		text-align: right; }
-span.Nd { }
+div.Nd {	display: inline; }
 
 table.foot {	width: 100%;
 		border-top: 1px dotted #808080;
@@ -164,7 +164,7 @@ code.Cm {	font-style: normal;
 		font-family: inherit; }
 var.Ar {	font-style: italic;
 		font-weight: normal; }
-span.Op { }
+div.Op {	display: inline; }
 code.Ic {	font-style: normal;
 		font-weight: bold;
 		font-family: inherit; }
@@ -216,6 +216,7 @@ a.Ux { }
 
 /* Physical markup. */
 
+.Bf {		display: inline; }
 .No {		font-style: normal;
 		font-weight: normal; }
 .Em {		font-style: italic;