Can someone tell me why this HTML code doesn't work in post?

[Strakks]

Hey guys! Im having an issue. I have added a custom button in my toolbar, where this code is 

<div style="text-align: center; width: 100%; max-width: 1100px; margin: 5px auto; padding: 0px; border: 3px solid #000000; border-radius: 15px; box-shadow: #585858 4px 4px 4px 1px;"><div style="height: 120px; text-align: center; line-height: 120px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #000000; border-top-left-radius: 12px; border-top-right-radius: 12px; background: linear-gradient(#d8d8d8, #282828);"><div style="font-size: 65px; color: rgb(255, 255, 255); display: inline-block; text-shadow: rgb(153, 153, 153) 0px 1px 0px, rgb(136, 136, 136) 0px 2px 0px, rgb(119, 119, 119) 0px 3px 0px, rgb(102, 102, 102) 0px 4px 0px, rgb(85, 85, 85) 0px 5px 0px, rgb(68, 68, 68) 0px 6px 0px, rgb(51, 51, 51) 0px 7px 0px, rgb(0, 17, 53) 0px 8px 7px;">Your Title Here</div>
</div>
<div style="padding: 4px; box-shadow: #888888 3px 3px 5px 1px inset; background-color: #f0f0f0;"><div style="display: table; width: 100%; border-spacing: 8px; color: rgb(255, 0, 0);"><div style="display: table-cell; width: 60%; text-align: center; vertical-align: middle; padding: 4px; border: 1px solid #202020; border-radius: 12px; box-shadow: #888888 3px 3px 5px 1px; background-color: #ffffff;">Your sample photos</div>
<div style="display: table-cell; width: 40%; text-align: left; vertical-align: top; padding: 4px; border: 1px solid #202020; border-radius: 12px; box-shadow: #888888 3px 3px 5px 1px; background-color: #ffffff;"><div style="font-size: 22px; color: #ffffff; text-align: center; font-weight: bold; letter-spacing: 2px; padding-right: 8px; padding-left: 8px; border: 1px solid #000000; border-radius: 8px; background: linear-gradient(#505050, #101010, #505050);">Service Details</div>
<div style="color: #181818; text-align: left; padding: 8px;">Brief service details here. Brief service details here. Brief service details here. Brief service details here. Brief service details here. Brief service details here. Brief service details here. Brief service details here. Brief service details here. Brief service details here. </div>
<br>
</div></div>
<div style="margin-right: 8px; margin-bottom: 8px; margin-left: 8px; padding: 4px; border: 1px solid #202020; border-radius: 12px; box-shadow: #888888 3px 3px 5px 1px; background-color: #ffffff;"><div style="color: #181818; text-align: left; padding: 4px;">Expanded service details here or double click this div and select delete div to remove this section. Expanded service details here or double click this div and select delete div to remove this section. Expanded service details here or double click this div and select delete div to remove this section.</div>
<br>
<br>
<div style="font-size: 22px; color: #ffffff; text-align: center; font-weight: bold; letter-spacing: 2px; padding-right: 8px; padding-left: 8px; border: 1px solid #000000; border-radius: 8px; background: linear-gradient(#505050, #101010, #505050);">Terms Of Sale</div>
<div style="color: #181818; text-align: left; padding: 8px;">Terms of sales text here. Terms of sales text here. Terms of sales text here. Terms of sales text here.<br>
</div>
<br>
<br>
<div style="font-size: 22px; color: #ffffff; text-align: center; font-weight: bold; letter-spacing: 2px; padding-right: 8px; padding-left: 8px; border: 1px solid #000000; border-radius: 8px; background: linear-gradient(#505050, #101010, #505050);">Payment Information</div>
<div style="color: #181818; text-align: left; padding: 8px;">Payment information text here. Payment information text here. Payment information text here. Payment information text here.</div>
<br>
<br>
</div></div>
<div style="height: 30px; text-align: center; border-top-width: 2px; border-top-style: solid; border-top-color: #000000; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; background: linear-gradient(#d8d8d8, #282828);"></div>
</div><br>

It works great when a mod/admin posts, but when a member posts, it becomes another outcome than the actual one...

Anyone help me please?

 

Have a good day and thanks in advance!

[Kjell Iver Johansen]

I guess you would need to give permission to post html to that usergroup also. 

[opentype]

I already told you in the other topic how to fix this. And once again: no, you don’t have to let your members give HTML posting permission. 

[Strakks]

3 minutes ago, Kjell Iver Johansen said:

I guess you would need to give permission to post html to that usergroup also. 

The thing is that I have. I have both allowed members to post and allowed in the certain forum. @opentype said something about adding certain css to the custom css in my css files. However I did not find what content to put where therefore I asked again.