Center "enhanceable_content tabs"
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
I'm attempting to center "enhanceable_content tabs". The end goal is to create a 'lightbox' effect using the tabs as thumbnails and text as the large image. So far, so good. I just need a method to center the tabs.
<div class="enhanceable_content tabs">
<div id="fragment-1">
<p>
<LARGE 1 IMAGE HERE>
</p>
</div>
<div id="fragment-2">
<p>
<LARGE 2 IMAGE HERE>
</p>
</div>
<div id="fragment-3">
<p>
<LARGE 3 IMAGE HERE>
</p>
</div>
<ul>
<li style="background-color: #c0f7f7;">
<a href="#fragment-1">
<SMALL IMAGE 1>
</a>
</li>
<li style="background-color: #c0f7f7;">
<a href="#fragment-2">
<SMALL IMAGE 2>
</a>
</li>
<li style="background-color: #c0f7f7;">
<a href="#fragment-3">
<SMALL IMAGE 3>
</a>
</li>
</ul>
</div>
Solved! Go to Solution.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
The following code snippet should help, check out the bold code ................
<body>
<div style="width:800px; margin:0 auto;">
centered content
</div>
</body>
I hope this helps,
Kelley
