我正在使用Jotforms来满足我的表单要求，我已经下载了代码并根据我的设计要求自定义了 css 和 html。
现在Jotforms使用一组ul , li来管理它的 HTMl 结构现在我想做的是在里面有一个容器，里面会有一些背景和填充，我研究并ul知道除了和ul之外有任何东西是不正确的由于没有 li 孩子，我收到了一个错误，所以我不得不删除 div，不，我要添加一个 li，里面有很多 li，让我给你看代码li'sul's
HTML
<form class="jotform-form" action="https://submit.jotform.me/submit/81913120509450/" method="post" enctype="multipart/form-data" name="form_81913120509450" id="81913120509450" accept-charset="utf-8">
<input type="hidden" name="formID" value="81913120509450" />
<div class="form-all">
<ul class="form-section page-section">
<li class="form-line" data-type="control_text" id="id_7">
<div id="cid_7" class="form-input-wide">
<div id="text_7" class="form-html" data-component="text">
<h1>
Logo Designing
</h1>
</div>
</div>
</li>
<li class="form-line" data-type="control_text" id="id_9">
<div id="cid_9" class="form-input-wide">
<div id="text_9" class="form-html" data-component="text">
<p>The best brands own a word or phrase and a related space in consumer's minds. which become each brand's position in the marketplace.brand image and identity to instantly have meaning for consumers and differentiate it from competitor brands</p>
</div>
</div>
</li>
<li class="form-line" data-type="control_widget" id="id_10">
<div id="cid_10" class="">
<div style="width:100%;text-align:Left" data-component="widget-directEmbed">
<div class="direct-embed-widgets " data-type="direct-embed" style="width:50px;height:50px">
<div class="form_breadcrumbs_widget" id="form_breadcrumbs_widget_'10'">
<script type="text/javascript">
var qidBreadcrumbs = '10';
var tabsCustomCssBreadcrumbs = 'numerically';
var navigateWithoutValidationBreadcrumbs = 'Yes';
var formTabsThemeBreadcrumbs = 'se-theme-maya-blue';
var numberTypeBreadcrumbs = 'numerically';
</script>
<script src="//widgets.jotform.io/breadcrumbs/min/scripts.min.js" type="text/javascript"></script>
</div>
</div>
</div>
</div>
</li>
<!--<div class="white-box">-->
<!--<div class="white-box-padding">-->
<!--<div class="shair1">-->
<li class="form-line jf-required" data-type="control_dropdown" id="id_3">
<label class="form-label form-label-top form-label-auto" id="label_3" for="input_3">
What is your Brand Industry?
<span class="form-required">*</span>
</label>
<div id="cid_3" class="form-input-wide jf-required">
<select class="form-dropdown validate[required]" id="input_3" name="q3_typeA" data-component="dropdown" required="">
<option value=""> </option>
<option value="uneeb"> uneeb </option>
<option value="uneeb2"> uneeb2 </option>
</select>
</div>
</li>
<li class="form-line" data-type="control_textbox" id="id_54">
<label class="form-label form-label-top form-label-auto" id="label_54" for="input_54"> What is your Slogan? </label>
<div id="cid_54" class="form-input-wide">
<input type="text" id="input_54" name="q54_whatIs54" data-type="input-textbox" class="form-textbox" size="20" value="" data-component="textbox" />
</div>
</li>
<li class="form-line" data-type="control_textbox" id="id_55">
<label class="form-label form-label-top form-label-auto" id="label_55" for="input_55"> What is your Company Name? </label>
<div id="cid_55" class="form-input-wide">
<input type="text" id="input_55" name="q55_whatIs" data-type="input-textbox" class="form-textbox" size="20" value="" data-component="textbox" />
</div>
</li>
<!--</div>-->
<!--<div class="shair2">-->
<img src="images/shair.jpg"/>
<!--</div>-->
<li class="form-line" data-type="control_textarea" id="id_12">
<label class="form-label form-label-top form-label-auto" id="label_12" for="input_12"> What is your Objective? </label>
<div id="cid_12" class="form-input-wide">
<textarea id="input_12" placeholder="For Example : Small to mid-size companies who need brand awareness, brand recognition and online lead generation,
regardless of industr. We help all types of clients. Furthermore, we target people who want recognition
through online presence and are readily accesible via web & social media." class="form-textarea" name="q12_typeA12" cols="40" rows="6" data-component="textarea"></textarea>
</div>
</li>
<li class="form-line" data-type="control_text" id="id_15">
<div id="cid_15" class="form-input-wide">
<div id="text_15" class="form-html" data-component="text">
<p>Upload Image or Sketch that might be helpful.</p>
</div>
</div>
</li>
<li class="form-line" data-type="control_fileupload" id="id_13">
<label class="form-label form-label-top form-label-auto" id="label_13" for="input_13"> </label>
<div id="cid_13" class="form-input-wide">
<div data-wrapper-react="true">
<div data-wrapper-react="true">
<div class="qq-uploader-buttonText-value">
Browse
</div>
<input type="file" id="input_13" name="q13_input13[]" multiple="" class="form-upload-multiple" data-imagevalidate="yes" data-file-accept="pdf, doc, docx, xls, xlsx, csv, txt, rtf, html, zip, mp3, wma, mpg, flv, avi, jpg, jpeg, png, gif" data-file-maxsize="10854" data-file-minsize="0" data-file-limit="" data-component="fileupload" />
</div>
<span style="display:none" class="cancelText">
Cancel
</span>
<span style="display:none" class="ofText">
of
</span>
</div>
</div>
</li>
<li class="form-line" data-type="control_text" id="id_16">
<div id="cid_16" class="form-input-wide">
<div id="text_16" class="form-html" data-component="text">
<p>Note : File size should be 500KB</p>
</div>
</div>
</li>
<!--</div>-->
<li id="cid_5" class="form-input-wide" data-type="control_pagebreak">
<div class="form-pagebreak" data-component="pagebreak">
<div class="form-pagebreak-back-container">
<button id="form-pagebreak-back_5" type="button" class="form-pagebreak-back " data-component="pagebreak-back">
Back
</button>
</div>
<div class="form-pagebreak-next-container">
<button id="form-pagebreak-next_5" type="button" class="form-pagebreak-next " data-component="pagebreak-next">
Next
</button>
</div>
<div style="clear:both" class="pageInfo form-sub-label" id="pageInfo_5">
</div>
</div>
</li>
<!--</div>-->
</ul>
</div>
</form>
现在，如果您注意到有一个名为white-box的已注释 div，这就是我已将其更改为 li 的问题，但这就是问题所在
您可以在我的编辑器中看到该行是如何遵循的，但是当我将其更改为 li
事件控制台将其显示为一个独立的 li，而类白盒之后的每个 li都应该在其中，
它不会占用我的编辑器显示的整个空间它在它开始的地方结束并且编辑器告诉结束标记应该与这个 li 对齐说ending tag matches nothing
我不确定我正在犯什么类型的错误有人可以指导我吗？