<table border="1" cellspacing="0" cellpadding="8">
    <tr>
        <th>Issue</th>
        <td>
            <a href=https://github.com/llvm/llvm-project/issues/61934>61934</a>
        </td>
    </tr>

    <tr>
        <th>Summary</th>
        <td>
            Doc: version numbers are not readable in “Clang-Format Style Options”
        </td>
    </tr>

    <tr>
      <th>Labels</th>
      <td>
      </td>
    </tr>

    <tr>
      <th>Assignees</th>
      <td>
      </td>
    </tr>

    <tr>
      <th>Reporter</th>
      <td>
          edgar-bonet
      </td>
    </tr>
</table>

<pre>
    Here is a screenshot of [ClangFormatStyleOptions.html][1], taken with Firefox 111.0.1 on Ubuntu 22.04:

---
![page screenshot](https://user-images.githubusercontent.com/7680786/229846524-41bad67a-cf83-4462-9677-a2538d8e585a.png)
---

This does not affect all version badges: versions such as “clang-format 11” are displayed properly. It appears the cause of this behavior is this inline style directive at line 10 of [ClangFormatStyleOptions.rst][2]:

```css
width: 120px;
```

Changing `with` to `min-width` fixes the problem.

[1]: https://clang.llvm.org/docs/ClangFormatStyleOptions.html
[2]: ../blob/main/clang/docs/ClangFormatStyleOptions.rst
</pre>
<img width="1px" height="1px" alt="" src="http://email.email.llvm.org/o/eJyEU8GOpDYQ_RpzKYFsA244cNieDkpOOST5gAIKcGJsZJvZmb-PTHfvzuxhV0JYfnKV3qv3CkPQiyXqWH1l9S3DI67OdzQt6PPBWYrZ4Kb37nfyBDoAQhg9kQ2ri-BmYPX1xaBdeuc3jH_Fd0N_7lE7G4o1bobVN1ZfRTrkC0T8jyx81XGFXnua3RsIIQpeCHAW_hkOGw-QsuAVK78wfmP88c_z_HGVgtXXHRf6wOPs3qwx7iHVyZ7J_gjkc73hQqFYdFyPISGjs5FsLEa3MdlfVMMvjWKyl7JtKlXLKq_EgJO6YD7OTZlXlZJ5qy6XHGVdNlNDdVNjsduFyfZHauf_71UHmBwFsC4CzjONEdAYeCUftLMw4LRQ4vlEAoRjXAEDsN8kazhrX8Y00Xw-RwpCPPEboCeYdNgNvtMEu3c7efNewB8RcN8JfYC4Eox4BEruxMRmoBVftfPJvhPQ1mhLEJJZMGlPY9SvBBjhxAX_hbE-xLuvMh2fnWKK378xhDvyVU9xTXqF5PsbK68_PPxY_bKiXbRdgCmeYsIUh-jSbdM2v3dSHGb9Rnelu3eDoa34ROERuPILfM7EOdbCmNetcH5hsp_cGJjsfxrgZ8uHVigKJvvBuIHJfkNtn31_3c6HmE1dObVlixl1QjVcybIUPFs7gbNQoq2FGlSDF17NlWjqsanamuTIMdOd5LLkFa9EXTUlL2ohJykGMU9qUk3NWcVpQ22-6ct0CAd1SrRllRkcyITnkvsuPcqHYwms4kaHGL6XRR0NdTc3fsgo2GMbyIczgCnYnnDCwRBo-z22p_D8rhxO6fDQ_i3B2eFN99mV-3Y-VjKxeBz57t2_NEYm-1NJGu0p5v8AAAD__50DdVs">