<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Styled Table</title>
  <style>
    body {
      font-family: 'Georgia', serif;
      padding: 2rem;
      background-color: #fff;
    }

    table {
      width: 100%;
      border-collapse: collapse;
      border-spacing: 0;
      font-size: 16px;
    }

    caption {
      caption-side: top;
      font-weight: bold;
      text-align: left;
      background-color: #eaf3fb;
      padding: 0.75rem 1rem;
      font-size: 18px;
    }

    caption span {
      color: #007acc;
    }

    th, td {
      padding: 10px 15px;
      text-align: left;
      vertical-align: top;
      border-bottom: 1px solid #ccc;
    }

    th {
      font-weight: bold;
      border-bottom: 3px solid #007acc;
    }

    tr:last-child td {
      border-bottom: 3px solid #007acc;
    }

    td em {
      font-style: italic;
    }

    .table-caption {
      background-color: #eaf6ff; /* light blue background */
      border-top: 2px solid #00aaff; /* top border */
      padding: 10px;
      font-family: 'Georgia', serif;
      font-size: 18px;
    }

    .table-caption .label {
      color: #00aaff;
      font-weight: bold;
    }

    .table-caption .caption {
      font-weight: bold;
    }

    .note {
        font-size: 16px;
        padding: 10px;
    }
  </style>
</head>
<body>
    <div class="table-caption">
        <span class="label">Table 1</span>
        <span class="caption">Participants’ personal data, IIEF total score (n= 223).</span>
    </div>
    <table class="table table-bordered table-condensed table-hover">
<colgroup>
<col/>
<col/>
<col/>
<col/>
</colgroup>
<thead>
<tr>
<th></th>
<th><b>n</b></th>
<th></th>
<th><b>%</b></th>
</tr>
</thead>
<tbody>
<tr>
<td><b>Age (years)</b></td>
<td></td>
<td>63.26 ± 7.62</td>
<td data-jats-char="." style="text-align:char;"></td>
</tr>
<tr>
<td colspan="4"><b>Marital status</b></td>
</tr>
<tr>
<td>Single</td>
<td>6</td>
<td></td>
<td>2.7</td>
</tr>
<tr>
<td>Married</td>
<td>217</td>
<td></td>
<td>97.3</td>
</tr>
<tr>
<td colspan="4"><b>Smoking</b></td>
</tr>
<tr>
<td>Yes</td>
<td>29</td>
<td></td>
<td>13.0</td>
</tr>
<tr>
<td>No</td>
<td>194</td>
<td></td>
<td>87.0</td>
</tr>
<tr>
<td><b>Duration of smoking</b></td>
<td></td>
<td>22.83 ± 6.94</td>
<td></td>
</tr>
<tr>
<td colspan="4"><b>Alcohol use</b></td>
</tr>
<tr>
<td>Yes</td>
<td>21</td>
<td></td>
<td>9.4</td>
</tr>
<tr>
<td>No</td>
<td>202</td>
<td></td>
<td>90.6</td>
</tr>
<tr>
<td><b>Duration of hypertension</b></td>
<td></td>
<td>17.92 ± 4.06</td>
<td></td>
</tr>
<tr>
<td colspan="4"><b>Educational level</b></td>
</tr>
<tr>
<td>Literate</td>
<td>12</td>
<td></td>
<td>5.4</td>
</tr>
<tr>
<td>Primary school graduate</td>
<td>104</td>
<td></td>
<td>46.6</td>
</tr>
<tr>
<td>High school graduate</td>
<td>99</td>
<td></td>
<td>44.4</td>
</tr>
<tr>
<td>University graduate</td>
<td>8</td>
<td></td>
<td>3.6</td>
</tr>
<tr>
<td colspan="4"><b>Medicines used</b></td>
</tr>
<tr>
<td>ACE Inhibitors</td>
<td>62</td>
<td></td>
<td>27.8</td>
</tr>
<tr>
<td>Angiotensin Receptor Blockers</td>
<td>52</td>
<td></td>
<td>23.3</td>
</tr>
<tr>
<td>Beta Blockers</td>
<td>48</td>
<td></td>
<td>21.5</td>
</tr>
<tr>
<td>Diuretics</td>
<td>27</td>
<td></td>
<td>12.1</td>
</tr>
<tr>
<td>Calcium Channel Blockers</td>
<td>34</td>
<td></td>
<td>15.2</td>
</tr>
<tr>
<td colspan="4"><b>Presence of erectile dysfunction</b></td>
</tr>
<tr>
<td>Yes</td>
<td>182</td>
<td></td>
<td>81.6</td>
</tr>
<tr>
<td>No</td>
<td>41</td>
<td></td>
<td>18.4</td>
</tr>
<tr>
<td><b>IIEF (mean)</b></td>
<td></td>
<td>18.72 ± 3.60 (min 5-max 25 puan)</td>
<td></td>
</tr>
<tr>
<td colspan="4" style="text-align:center;">Descriptive statistical methods (mean, standard deviation, frequency, percentage)</td>
</tr>
</tbody>
</table>
    <div class="note">
        
    </div>
</body>
</html>