title: How to place bullet point for each element in a list
body: <pre><code>echo '&lt;td width="11%" class="imagetd"&gt;';
  if (empty($arrImageFile[$key])) {
      echo '&amp;nbsp;';
  } else {
      echo '&lt;ul class="qandaul"&gt;&lt;li&gt;';
      echo htmlspecialchars(is_array($arrImageFile[$key]) ? implode("\n", $arrImageFile[$key]) : $arrImageFile[$key]);
      echo '&lt;/li&gt;&lt;/ul&gt;';
  }
  echo '&lt;/td&gt;';
  </code></pre>
  
  <p>In code above, I have a lit of image names, now each image name is seperated by  line break, but the problem I am having is that it does not display a bullet point for each image file name inserted in the line break. It is only displaying one bullet point for the first image name and that is it. In example above how do I insert a bullet point for each image name?</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>Does CSS take effect below:</p>
  
  <p><code>ul, ul li { margin: 0; padding: 0; }
  ul { margin-left: 1.3em; }</code></p>
  
  <p>Below refers to Juan's answer which I want to make sure is correct as it did not work:</p>
  
  <pre><code>echo '&lt;td width="11%" class="imagetd"&gt;';
  if (is_array($arrImageFile[$key]) {
      foreach($arrImageFile[$key]  as $img)  {
          if (empty($arrImageFile[$key])) {
              echo '&amp;nbsp;';
          } else {
              echo '&lt;ul class="qandaul"&gt;&lt;li&gt;';
              echo '&lt;li&gt;' . htmlspecialchars($img) . '&lt;/li&gt;'
          }
      }          
      echo '&lt;/li&gt;&lt;/ul&gt;';
  }
  echo '&lt;/td&gt;';
  </code></pre>