[php] li에 디자인 입히기

** 한 줄에 세개씩 끊어서 보이기.

<div class="tr_allergy_foods con-box02" style="display:none;">
	<p class="con-box21 info-table-txt">알러지가 있는 재료
    <span class="pointColor05">(중복 선택 가능)</p>
<?
$allergy_foods = array(
    1 => "소",
    2 => "돼지",
    3 => "양",
    4 => "오리",
    5 => "닭",
    6 => "칠면조",
    7 => "연어",
    8 => "참치",
    9 => "삼치",
    10 => "캥거루",
    11 => "흑염소",
    12 => "사슴",
    13 => "계란",
    14 => "뼈간식",
    15 => "멸치",
    16 => "우유(펫밀크 제외)",
    17 => "우유(펫밀크 포함)",
    18 => "치즈",
    19 => "콩",
    20 => "옥수수",
    21 => "귀리",
    22 => "밀가루",
    23 => "고구마",
    24 => "감자",
    25 => "단호박",
    26 => "양배추",
    27 => "브로콜리",
    28 => "사과",
    29 => "바나나",
    30 => "크랜베리",
    0 => "그 외",
);

$i = 0;
foreach ($allergy_foods as $k => $food) {
    if ($i % 3 == 0) {
?>
  <ul style="overflow: hidden;">
<?
    }
?>
    <li style="float:left; width: 33.333%; padding-bottom: 3.7%;">
      <label id="lbl_allergy_food_<?=$k?>" for="allergy_food_<?=$k?>" class="label-check">
        <input id="allergy_food_<?=$k?>" name="allergy_food[]" value="<?=$k?>" type="checkbox" autocomplete="off">
        <span class="mark-check white"></span>&ensp;<?=$food?>
      </label>
    </li>
<?
    if ($i % 3 == 2) {
?>
  </ul>
<?
    }

    $i++;
}
?>
</div>