Fix The HTML `<Meter>` element example #34413

[Ashish-CodeJourney]

Description

Fix the HTML example for the <meter> element to correctly display the text after the meter.

Motivation

The current example didn't render as intended, potentially confusing readers about the proper usage of the <meter> element. This change provides a more accurate and helpful example.

Additional details

The issue was observed in Google Chrome. The current HTML:

<p>
  Battery level: <meter min="0" max="100" value="75">75%</meter>
</p>

should be changed to:

<p>
  Battery level: <meter min="0" max="100" value="75"></meter> 75%
</p>

This change is consistent with clearer rendering and better aligns with usage expectations.

Related issues and pull requests

Fixes #34413

[github-actions[bot]]

Preview URLs

• /en-US/docs/Web/HTML/Element/meter

(comment last updated: 2024-07-11 05:31:20)

[Josh-Cena]

This is not what https://github.com/mdn/content/issues/34413#issuecomment-2190316590 said should be done, but I'll let @estelle decide.

[Ashish-CodeJourney]

@estelle thanks for cooperation i am occupied with some urgent work load thats why i was nopt to fix that

[estelle]

@estelle thanks for cooperation i am occupied with some urgent work load thats why i was nopt to fix that

I hope everything is ok. if you merge https://github.com/Ashish-CodeJourney/content/pull/3, it will update this PR and make this one mergeable

[Ashish-CodeJourney]

@estelle thanks for cooperation i am occupied with some urgent work load thats why i was nopt to fix that

I hope everything is ok. if you merge Ashish-CodeJourney#3, it will update this PR and make this one mergeable

Done, Thanks :)