div의 테두리와 테두리 사이에 간격을 두어야합니다.

Question

스타일이 좋지 않습니다 ... 내 div의 테두리에 테두리가있는 정렬과 "정렬 가능한"루프가있는 div를주고 싶습니다. 그들 .... 어떤 제안 :

<table> 
    <tr> 
     <td class="shaded" style="padding: 0px;" align="center"> 
      <div id="sortable" style="border:1px solid black"> 
       <c:forEach var="field" items="${detFields}"> 
        <div id="${field.fieldName}">${field.fieldName}</div> 
       </c:forEach> 
      </div> 
     </td> 
    </tr> 
</table> 



$(function() { 
    $("#sortable").sortable(); 
    $("#sortable").disableSelection(); 
}); 

Answer 1

일부 margin 그들에게 공간을 제공한다이 필요합니다

style="border:1px solid black; margin: 10px"