Skip to content

fix: align README header mark with the CLI2API wordmark - #199

Merged
caigee-cmd merged 1 commit into
mainfrom
fix/readme-header-icon-alignment
Sep 19, 2026
Merged

caigee-cmd merged 1 commit into
mainfrom
fix/readme-header-icon-alignment

Conversation

@caigee-cmd

Copy link
Copy Markdown
Owner

The README header icon sat clearly below the CLI2API title.

Cause: <img … align="middle">. GitHub rewrites the img to style="max-width:100%; height:auto; max-height:40px" but preserves align, which becomes CSS vertical-align: -webkit-baseline-middle (aligns the icon's center to baseline + ½ x-height). At h1 font-size 32px the icon center lands ~11.5px below the text cap center and 20px below the baseline, so the C drops out of line.

Fix: align="top". Measured on the rendered header, the icon center then coincides with the cap center of "CLI2API" (within ~0.5px). Inline style="vertical-align:…" is not an option — GitHub strips it during sanitization; align survives.

Applied to both README.md and README_EN.md, plus a bilingual Unreleased changelog bullet.

@caigee-cmd
caigee-cmd merged commit ca67d8c into main Sep 19, 2026
6 checks passed
@caigee-cmd
caigee-cmd deleted the fix/readme-header-icon-alignment branch September 19, 2026 10:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant