Answers.Body: <p>Hope I've understood your issue correctly.  A workaround here is to use the editor to insert an image in the place where you wish it to appear.  Right click on the image to bring up image properties.  Select the advanced tag and in style, enter the following CSS  &quot;margin-left:auto; margin-right:auto;&quot; (without the quotes). That should centralise the image horizontally on the page.  If you want more margin space on the page, you can use the Hspace or Vspace in the Image Info tab in image properties.  Hope that helps.</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2022-07-03T05:05:08.323Z
Answers.Text: No, I want a clear break. Image on left, text wrap, then clear break, new image on left, text wrap, clear break, repeat. Imagine mosaico blocks with left aligned images but texts wraps and then new block starts clean.
Answers.UserDisplayName: themak
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2022-07-04T14:26:01.137Z
Answers.Text: Within CKEditor and the Styles button, there is a "Special Container" which basically is a <div> tag.  Using the source code you can delete/change the background colour and border where required.  In the Container/<div> tag, you can insert both images (aligned as needed) and text where required.  I think this could acheive what you require.
  Alternatively, why not just use Mosaico and its blocks, as it seems you have it installed?
Answers.UserDisplayName: peterb
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2022-07-05T15:16:48.367Z
Answers.Text: This is for an event page, not for an email. headshots and bios. I tried what you suggested, it still does not work as needed. The only thing that has ever worked for me is <br clear="all">
Answers.UserDisplayName: themak
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2022-07-02T10:42:06.117Z
Answers.LastActivityDate: 2022-07-02T10:42:06.117Z
Answers.UserDisplayName: peterb
Body: <p>So here is the deal, I am trying to have a clean break between images and text and am unable to use  in CKEditor. There is <a href="https://ckeditor.com/cke4/addon/brclear" rel="nofollow noreferrer">this plugin</a>, but its not available via the CKeditor congfig, and I am not trying to maintain another extension to keep it running every time I update CiviCRM. Is there another way to get the same result using the stock CKEditor that is bundled with CiviCRM? Thanks!</p>
  
Tags: <ckeditor><formatting>
Title: <br clear="all"> or similar in CKEditor - Trying to do a clean break
ThreadText: # <br clear="all"> or similar in CKEditor - Trying to do a clean break
  
  (Asked by: username_0 on 2022-06-29)
  
  So here is the deal, I am trying to have a clean break between images and text and am unable to use in CKEditor. There is [this plugin](https://ckeditor.com/cke4/addon/brclear), but its not available via the CKeditor congfig, and I am not trying to maintain another extension to keep it running every time I update CiviCRM. Is there another way to get the same result using the stock CKEditor that is bundled with CiviCRM? Thanks!
  
  **Tags:** ckeditor, formatting
  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_1 on 2022-07-02. Score: 0
  
  Hope I've understood your issue correctly. A workaround here is to use the editor to insert an image in the place where you wish it to appear. Right click on the image to bring up image properties. Select the advanced tag and in style, enter the following CSS "margin-left:auto; margin-right:auto;" (without the quotes). That should centralise the image horizontally on the page. If you want more margin space on the page, you can use the Hspace or Vspace in the Image Info tab in image properties. Hope that helps.
  
  > **Comments:**
  > **username_0**: No, I want a clear break. Image on left, text wrap, then clear break, new image on left, text wrap, clear break, repeat. Imagine mosaico blocks with left aligned images but texts wraps and then new block starts clean.  
  > **username_1**: Within CKEditor and the Styles button, there is a "Special Container" which basically is a <div> tag.  Using the source code you can delete/change the background colour and border where required.  In the Container/<div> tag, you can insert both images (aligned as needed) and text where required.  I think this could acheive what you require. Alternatively, why not just use Mosaico and its blocks, as it seems you have it installed?  
  > **username_0**: This is for an event page, not for an email. headshots and bios. I tried what you suggested, it still does not work as needed. The only thing that has ever worked for me is <br clear="all">  
  
  ---
  
  