Ich möchte 4 Boxen nebeneinander (2) und untereinander (2) in dem Plugin "Tabby Responsive Tabs" darstellen.
Allerdings habe ich wenig Ahnung wie ich das ganze entsprechend dargestellt bekomme. Die Boxen werden immer nur untereinander dargestellt. Wer kann mir bitte helfen? Vielen Dank!
Hier der Code:
style type="text/css"><!--
.meinetextbox { background-color:#F0F0F2 ; border: 1px solid #000000; float: center; margin: 50px; width: 350px; } .meinetextbox_title { background-color: #e31814; color: #FFFFFF; font-weight: bold; padding: 10px; } .meinetextbox_inhalt { padding: 7px; } .meinetextbox { margin: auto; }
--></style>
<div class="meinetextbox">
<div class="meinetextbox_title"><span style="font-family: helvetica;">Test 1-5</span></div>
<div class="meinetextbox_inhalt">
<ul style="list-style-type: none;">
<li><span style="font-family: helvetica;">Test</span></li>
<li><span style="font-family: helvetica;"><strong>✓</strong> 1</span></li>
<li><span style="font-family: helvetica;"><strong>✓</strong> 2</span></li>
<li><span style="font-family: helvetica;"><strong>✓</strong> 3</span></li>
<li><span style="font-family: helvetica;"><strong>✓</strong> 4</span></li>
<li><span style="font-family: helvetica;"><strong>✓</strong> 5</span></li>
</ul>
</div>
</div>
<style type="text/css"><!--
.meinetextbox { background-color:#F0F0F2 ; border: 1px solid #000000; float: center; margin: 50px; width: 350px; } .meinetextbox_title { background-color: #e31814; color: #FFFFFF; font-weight: bold; padding: 10px; } .meinetextbox_inhalt { padding: 7px; } .meinetextbox { margin: auto; }
--></style>
<div class="meinetextbox">
<div class="meinetextbox_title"><span style="font-family: helvetica;">Test 6-10</span></div>
<div class="meinetextbox_inhalt">
<ul style="list-style-type: none;">
<li><span style="font-family: helvetica;">Test</span></li>
<li><span style="font-family: helvetica;"><strong>✓</strong> 6</span></li>
<li><span style="font-family: helvetica;"><strong>✓</strong> 7r</span></li>
<li><span style="font-family: helvetica;"><strong>✓</strong> 8</span></li>
<li><span style="font-family: helvetica;"><strong>✓</strong> 9</span></li>
<li><span style="font-family: helvetica;"><strong>✓</strong> 10</span></li>
</ul>
</div>
</div>
<style type="text/css"><!--
.meinetextbox { background-color:#F0F0F2 ; border: 1px solid #000000; float: center; margin: 50px; width: 350px; } .meinetextbox_title { background-color: #e31814; color: #FFFFFF; font-weight: bold; padding: 10px; } .meinetextbox_inhalt { padding: 7px; } .meinetextbox { margin: auto; }
--></style>
<div class="meinetextbox">
<div class="meinetextbox_title"><span style="font-family: helvetica;">Test 11-15</span></div>
<div class="meinetextbox_inhalt">
<ul style="list-style-type: none;">
<li><span style="font-family: helvetica;">Test</span></li>
<li><span style="font-family: helvetica;"><strong>✓</strong> 11</span></li>
<li><span style="font-family: helvetica;"><strong>✓</strong> 12</span></li>
<li><span style="font-family: helvetica;"><strong>✓</strong> 13</span></li>
<li><span style="font-family: helvetica;"><strong>✓</strong> 14</span></li>
<li><span style="font-family: helvetica;"><strong>✓</strong> 15</span></li>
</ul>
</div>
</div>
<style type="text/css"><!--
.meinetextbox { background-color:#F0F0F2 ; border: 1px solid #000000; float: center; margin: 50px; width: 350px; } .meinetextbox_title { background-color: #e31814; color: #FFFFFF; font-weight: bold; padding: 10px; } .meinetextbox_inhalt { padding: 7px; } .meinetextbox { margin: auto; }
--></style>
<div class="meinetextbox">
<div class="meinetextbox_title"><span style="font-family: helvetica;">Test 16-20</span></div>
<div class="meinetextbox_inhalt">
<ul style="list-style-type: none;">
<li><span style="font-family: helvetica;">Test</span></li>
<li><span style="font-family: helvetica;"><strong>✓</strong> 16</span></li>
<li><span style="font-family: helvetica;"><strong>✓</strong> 17</span></li>
<li><span style="font-family: helvetica;"><strong>✓</strong> 18</span></li>
<li><span style="font-family: helvetica;"><strong>✓</strong> 19</span></li>
<li><span style="font-family: helvetica;"><strong>✓</strong> 20</span></li></ul></div></div>