Site icon Hip-Hop Website Design and Development

Gutenberg: Find out how to constrict floated desk blocks to 1000px width within the front-end, when align huge & full are getting used?

Align full & huge are in use. The core desk block has a wrapper div within the editor, which constrains the floated desk to the 1000px width:

<div class="wp-block" data-align="left">
<determine id="block-cd995728-8faa-4b14-9e6b-d8182a33a702" tabindex="0" position="group" aria-label="Block: Table" data-block="cd995728-8faa-4b14-9e6b-d8182a33a702" data-type="core/table" data-title="Table" class="block-editor-block-list__block is-selected wp-block-table is-style-regular">

My CSS – editor :

.wp-block {
    max-width: 1000px;
  }

Within the front-end, the core desk block would not have the wrapper div of <div class="wp-block" data-align="left">, so the desk floats to the sting of the display, to not the sting of the 1000px web page width. How can the desk block be contained within the 1000px width on the front-end, please?

Entrance-end core block:

<determine class="wp-block-table alignleft is-style-regular">