border box html code

1-Normal border 

code:
<div>
      <pre style="background-color: whitesmoke; border-radius: 4px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; color: #333333; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14px; line-height: 18.5667px; margin-bottom: 10px; overflow: auto; padding: 9.5px; white-space: pre-wrap; word-break: break-all; word-wrap: break-word;">

                 [allusers]
                  comment = All Users
                  path = /home/shares/allusers
                  valid users = @users
                  force group = usersd
                  create mask = 0660
                  directory mask = 0771
                  writable = yes
        </pre>
</div>

Result:
2-Horizontal scroll

code:

<div>
     <pre style="background: rgb(250, 250, 250); border-color: rgb(204, 204, 204); border-style: solid;          border-width: 1px 1px 1px 15px; color: #555555; font-family: 'Courier New', FixedSys; font-               size: 12px; line-height: 16px; margin-bottom: 22px; overflow: auto; padding: 0px 5px          16px; vertical-align: baseline; width: 700px;">
systemctl start target
systemctl enable target

      </pre>
</div>

display:
3-border-line

<h3 id="-download-and-install-changesqlpass-plugin" style="border-bottom-color: rgb(195, 202, 213); border-bottom-style: solid; border-bottom-width: 1px; font-family: tahoma, helvetica, arial, sans-serif; font-size: 16px; margin: 0px 0px 10px; padding: 15px 0px 5px;">
    <span style="color: #cc0000;">

         1 - Download and install change_sqlpass plugin
    </span>
</h3>