Hi!<br/><br/>One thing that's always bugged me about spoiler tags is the lack of a margin within the expanded text. For example:<br/><br/><div class="spoiler_container"><div class="spoiler_header" onclick="hideSecond (this);" role="button">This Looks Ugly, At Least To Me</div><div class="spoiler_body"><div style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br/><br/>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</div></div></div><br/><br/>That's three pixels on the left, top, and bottom, and two pixels on the right. It looks like 5 on the top, but it's actually saving 2 pixels for superscripted text and ascending characters. But the point is this: Ew.<br/><br/>To build a bit of a margin into the spoiler text, you can put your spoiler text inside a table:<br/><br/><div class="codeheader">Code: <a class="codeoperation" href="javascript:void(0);" onclick="return smfSelectText(this);">[Select]</a></div><pre style="margin: 0; padding: 0;"><code class="bbc_code">[spoiler=Like This]<br/>[table][tr][td][justify]Lorem ipsum...[/justify][/td][/tr][/table]<br/>[/spoiler]<br/></code></pre><br/>...and that results in a<em>little</em>breathing room for your text:<br/><br/><div class="spoiler_container"><div class="spoiler_header" onclick="hideSecond (this);" role="button">Like This</div><div class="spoiler_body"><table class="bbc_table"><tbody><tr><td><div style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br/><br/>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</div></td></tr></tbody></table></div></div><br/><br/>But if you want more control than that, you can use<span class="bbc_u">invisible pixels (https://elliquiy.com/forums/index.php?topic=290221.msg14331681#msg14331681)</span>, which is really a spacing technique used all over the web, to exercise even greater control over your margins. Begin by coding a 3x3 table. You fill the top-left and bottom-right cells with invisible pixel images. The height and width you specify for the images contribute to the margins you desire. Your text is placed in the middle cell. For those who need this presented visually, the table layout looks like this:<br/><br/><table class="bbc_table"><tbody><tr><td><div align="center">Top Left Image<br/>Goes Here</div></td><td><div align="center">Leave This<br/>Cell Uncoded</div></td><td><div align="center">Leave This<br/>Cell Uncoded</div></td></tr><tr><td><div align="center"><br/>Empty<br/>Cell</div></td><td><div align="center"><br/>Your Text Goes<br/>     In the Middle Cell     <br/><br/></div></td><td><div align="center"><br/>Leave This<br/>Cell Uncoded</div></td></tr><tr><td><div align="center">Empty<br/>Cell</div></td><td><div align="center">Empty<br/>Cell</div></td><td><div align="center">Bottom Right Image<br/>Goes Here</div></td></tr></tbody></table><br/>Here is a code example:<br/><br/><div class="codeheader">Code: <a class="codeoperation" href="javascript:void(0);" onclick="return smfSelectText(this);">[Select]</a></div><pre style="margin: 0; padding: 0;"><code class="bbc_code">[spoiler=Voilà]<br/>[table]<br/>[tr][td][img width=10 height=10]https://elliquiy.com/elluiki/images/4/4d/AlTeregoSeparator.png[/img][/td][/tr]<br/>[tr][td][/td][td][justify]Lorem ipsum...[/justify][/td][/tr]<br/>[tr][td][/td][td][/td][td][img width=10 height=10]https://elliquiy.com/elluiki/images/4/4d/AlTeregoSeparator.png[/img][/td][/tr]<br/>[/table]<br/>[/spoiler]<br/></code></pre><br/>...and that results in a spoiler tag with the margins exactly as you want them.<br/><br/><div class="spoiler_container"><div class="spoiler_header" onclick="hideSecond (this);" role="button">Voilà</div><div class="spoiler_body"><table class="bbc_table"><tbody><tr><td>(https://elliquiy.com/elluiki/images/4/4d/AlTeregoSeparator.png)</td></tr><tr><td></td><td><div style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br/><br/>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</div></td></tr><tr><td></td><td></td><td>(https://elliquiy.com/elluiki/images/4/4d/AlTeregoSeparator.png)</td></tr></tbody></table></div></div><br/><br/>You may have noticed that the table tags turn your text grey instead of black. That's easily fixed with a color tag inside the table cell. The code example specifies 10x10 and 10x10 for the images, and that will give you net margins of about 20 pixels all around. (It's not 10 because the table and each table cell has its own margins, which adds to the 3 the spoiler tag gives you. The point is, you can experiment until the contents of your spoiler tag look right to you.)<br/><br/>Enjoy!