# Bloomreach - CKEditor 4: Add style element “div” with “div” in it

**URL:** <https://community.bloomreach.com/t/bloomreach-ckeditor-4-add-style-element-div-with-div-in-it/2706>\
**Category:** Experience Manager (PaaS/OnPrem)\
**Created:** [July 23, 2021, 10:12am UTC](https://community.bloomreach.com/t/bloomreach-ckeditor-4-add-style-element-div-with-div-in-it/2706 "2021-07-23T10:12:36Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![annaNachtigal92](https://avatars.discourse-cdn.com/v4/letter/a/85e7bf/32.png) [@annaNachtigal92](https://community.bloomreach.com/u/annaNachtigal92)\
**Post date:** [July 23, 2021, 10:12am UTC](https://community.bloomreach.com/t/bloomreach-ckeditor-4-add-style-element-div-with-div-in-it/2706/1 "2021-07-23T10:12:36Z")

</div>

I use “CKEDITOR.stylesSet.add(…)” in a custom .js for my CMS. I can add custom styles for headlines, p-tag, ul here…but how can I add a “div”, so that two children div will be in it?

I start to add a “div” in this way: CKEDITOR.stylesSet.add(“ifmstyle”, [  
{  
name: “Custom DIV”,  
element: “div”,  
attributes: {  
class: “custom-div”,  
},  
},  
]

…that means, that I have a div where I can place images, p-tags, a-tags for example. But I would like to make it like this (My custom div will have two children divs):

Custom DIV

- children-div1
- children-div2

 ![image](https://canada1.discourse-cdn.com/flex027/uploads/bloomreach1/original/2X/6/60568e8595f90f263561b320471b50744dbaf506.png)