<body style="padding:30px;">
<h3 style="color:darkred;">CSS UYGULANMIŞ ÖRNEK PARAGRAF</h3><br>
<p class="doluClass">örnek_metin.örnek_metin.örnek_metin.örnek_metin.örnek_metin.örnek_metin.örnek_metin.örnek_metin.örnek_metin.örnek_metin.örnek_metin.örnek_metin.örnek_metin.örnek_metin.</p>
<h3 style="color:darkred;">BASİT ÖRNEK PARAGRAF</h3><br>
<p class="normalClass">örnek_metin.örnek_metin.örnek_metin.örnek_metin.örnek_metin.örnek_metin.örnek_metin.örnek_metin.örnek_metin..</p>
<h2 style="text-align:center;"></h2><br>
<hr>
<h3 style="color:darkred;">CSS UYGULANMIŞ ÖRNEK TABLO</h3><br>
<table border="1">
  <tr>
    <th >Ad</th>
    <th>Soyad</th> 
    <th>Yaş</th>
  </tr>
  <tr>
     <td class="dolutabloClass">deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_</td>
    <td>Jack</td>
    <td>40</td>
  </tr>
  <tr>
    <td>Coo</td>
    <td>Moo</td>
    <td>34</td>
  </tr>
  <tr>
    <td>Mike</td>
    <td>Hoo</td>
    <td>70</td>
  </tr>
</table>
<br><br>
<h3 style="color:darkred;">BASİT ÖRNEK TABLO</h3><br>
<table border="1">
  <tr>
    <th>Ad</th>
    <th>Soyad</th> 
    <th>Yaş</th>
  </tr>
  <tr>
    <td>deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme_deneme</td>
    <td>Jack</td>
    <td>40</td>
  </tr>
  <tr>
    <td>Coo</td>
    <td>Moo</td>
    <td>34</td>
  </tr>
  <tr>
    <td>Mike</td>
    <td>Hoo</td>
    <td>70</td>
  </tr>
</table>
  <br><br>
  Daha İyileri <a href="http://furkandemirci.com">Burada</a>
</div>
</body>
.doluClass
{
   width:200px; 
   border:1px solid #000000;
   word-break: break-word;
   display: inline-block;
}
.normalClass
{
   width:200px; 
   border:1px solid #000000;
}
table { 
table-layout: fixed;
}

.dolutabloClass{
display: inline-block; word-break: break-word;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.