After testing out the code, I was able to find a solution on my own: ...........................................To fix the formatting issue of numbers in IE11, I had to adjust the .container width from auto to 600 in the initial style section. .container {border-left: none; width: 600;} Also, to maintain proper indentation in IE11, I made sure to include margin-left:10px; in all OL style tags throughout the code.
body {
background: none;
font: Arial, sans-serif;
}
.container {
border-left: none;
width: 600;
}
.container p {
margin: 10px 0
}
#redbox {
border: 2px solid red;
}
#redbox p {
color: red;
margin: 5px;
font-weight: bold;
}
#date {
text-align: center;
font-weight: bold;
margin-top: 0px;
}
.bigger {
font-size: 14px;
font-weight: bold;
}
@media print {
body {
width: auto;
}
}
<ol class='margin'>
<li><strong>Definitions.</strong>
<ol style="list-style-type: lower-alpha;">
<li><strong>“Affiliate”</strong> means any entity and its successors which directly or indirectly controls, is controlled by, or is under common control with the subject entity. <strong>“Control”</strong> for purposes of this
definition, means direct or indirect ownership or control of more than 50% of the voting interests of the subject entity. An entity shall be considered an Affiliate only so long as such entity continues to meet the foregoing definition.</li>
<li><strong>“Agreement”</strong> means this End User License Agreement (<strong>“EULA”</strong>) together with a SKU or associated SSLA (if any), License Entitlement (if any), Product Warranty Policy, and any other documents,
policies or website content linked in this EULA and hereby incorporated by reference.</li>
<li><strong>“Approved Source”</strong> means Juniper or an Authorized Reseller.</li>
<li><strong>“Authorized Reseller”</strong>means a distributor or reseller authorized by Juniper to distribute and resell licenses to the Software in the territory in which You are purchasing such Software license.</li>
<li><strong>“Commercial Cloud Services”</strong> means a service offered...</answer1>
<exanswer1><div class="answer" i="50182242" l="4.0" c="1525452973" a="TWljaGVsbGU=" ai="6343688">
<p>Through trial and error with the code, I successfully resolved the issue independently: ...........................................In order to display numbers correctly in IE11, I needed to adjust the .container width from auto to 600 in the initial style section. .container {border-left: none; width: 600;} To maintain indentation in IE11, I also had to add margin-left:10px; in all OL style tags throughout the code.</p>
<pre><code>body {
background: none;
font: Arial, sans-serif;