Fix markup in example 1; enable line wrapping in pre tags.

index.html

@@ -133,6 +133,10 @@
   color: rgb(199, 73, 0);
   font-weight: bold;
 }
+pre {
+  overflow-x: auto;
+  white-space: pre-wrap;
+}
 pre .highlight {
   font-weight: bold;
   color: Green;
@@ -945,6 +949,7 @@ <h3>Concrete Lifecycle Example</h3>
       "id": "did:example:c276e12ec21ebfeb1f712ebc6f1",
       <span class='comment'>// name of the university</span>
       "name": "Example University"
+    }
   },
   <span class='comment'>// digital proof that makes the credential tamper-evident</span>
   <span class='comment'>// see the NOTE at end of this section for more detail</span>
@@ -960,8 +965,7 @@ <h3>Concrete Lifecycle Example</h3>
     <span class='comment'>// the identifier of the public key that can verify the signature</span>
     "verificationMethod": "https://university.example/issuers/565049#key-123",
     <span class='comment'>// the digital signature value</span>
-    "proofValue": "zQeVbY4oey5q2M3XKaxup3tmzN4DRFTLVqpLMweBrSxMY2xHX5XTYV8nQA
-      pmEcqaqA3Q1gVHMrXFkXJeV6doDwLWx"
+    "proofValue": "zQeVbY4oey5q2M3XKaxup3tmzN4DRFTLVqpLMweBrSxMY2xHX5XTYV8nQ<wbr>ApmEcqaqA3Q1gVHMrXFkXJeV6doDwLWx"
   }
 }
         </pre>