title: How to bold array elements in html table?
body: <p>I'm trying to solve an exercise, but don't know how to go on. I need to make bold table's diagonal letters, like show on this picture:</p>
  
  <p><img src="https://i.stack.imgur.com/NKAtz.png" alt="enter image description here"></p>
  
  <p>Here's my code:</p>
  
  <pre><code>    &lt;?php
      if (isset($_GET['word'])) {
          $word = strtolower($_GET['word']); 
          $arr = str_split($word);}
      else {
      }
      ?&gt;
  
      &lt;!DOCTYPE html&gt;
      &lt;html&gt;
          &lt;head&gt;
              &lt;meta charset="utf-8"&gt;
              &lt;title&gt;Tabel.&lt;/title&gt;
              &lt;style type="text/css"&gt;
                  td {
                      position:relative;
                      width: 20px;
                      height: 20px;
                  text-align: center;
  
              }
              }
                  table {border-collapse:collapse;}
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;form action="tabel.php" method="get"&gt;
          word: &lt;input type="text" name="word"&gt;&lt;input type="submit"&gt;
          &lt;/form&gt;
          &lt;?php
          if (isset($arr)){
              for ($i=0; $i &lt; count($arr); $i++) {
                  foreach ($arr as $taht) { ?&gt;
                              &lt;table border="1"                style="display:inline-table;"&gt;
                                  &lt;tr&gt;
                                  &lt;td&gt;&lt;?php echo $taht;?&gt;&lt;/td&gt;
                                  &lt;/tr&gt;
                              &lt;/table&gt;
                      &lt;/div&gt;&lt;?php
                  }
                  ?&gt; &lt;br&gt; &lt;?php
              }
          }
          else {}
  
          ?&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>