By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
443,617 Members | 1,751 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 443,617 IT Pros & Developers. It's quick & easy.

Style that functions as a "<BR>" tag?

P: n/a
Hi,

Below I have an unordered list that is displayed on the same
horizontal plane (thanks for the help yesterday). What I am wondering
now is I would like the contents of the DIV with class "tabs-
container" to be always displayed on the next line. Right now, it is
being displayed on the same line as the unordered list. I could apply
a <BRtag, I suppose, but I was hoping there is a more elegant, CSS
way to move the content to the next line.

Code is below.

<html>
<head>
<style type="text/css">

..tabs-nav {
list-style: none;
margin: 0;
padding: 0 0 0 4px;
}

..tabs-nav li {
float: left;
display: inline;
margin: 0 0 0 5px;
}

</style>
</head>
<body>

<ul class="tabs-nav">
<li class="" id="tab1"><a href="#remote-tab-6"><span><span
class="tabText">General</span<span id="moduleCount1"
class="tabModuleCount">(7)</span></span></a></li>
<li class="" id="tab6"><a href="#remote-tab-7"><span><span
class="tabText">Learning Management</span<span id="moduleCount6"
class="tabModuleCount">(2)</span></span></a></li>
<li class="" id="tab101"><a href="#remote-tab-8"><span><span
class="tabText">New Tab</span<span id="moduleCount101"
class="tabModuleCount">(0)</span></span></a></li>
<li class="" id="tab103"><a href="#remote-tab-9"><span><span
class="tabText">clicked</span<span id="moduleCount103"
class="tabModuleCount">(0)</span></span></a></li>
<li class="tabs-selected" id="tab105"><a href="#remote-
tab-10"><span><span class="tabText">New Tab</span<span
id="moduleCount105" class="tabModuleCount">(0)</span<img
class="closeTab" src="images/miniclose.GIF" alt="Close" border="0"></
span></a></li>
<li id="tab106"><a href="#remote-tab-11"><span>New Tab <span
id="moduleCount106" class="tabModuleCount">(0)</span></span></a></li>
</ul>
<div style="display: block;" class="tabs-container">
<table align="left">
<tbody><tr><td id="containerContent">
<div id="li0">
<div class="itemWrapper"><table align="center"><tbody><tr><td><img
src="images/busy.gif" alt="" align="middle" border="0"></td><td>
Loading ... </td></tr></tbody></table></div>
</div>
</td></tr>
</tbody></table>
</div>
</body>
</html>
Thanks, - Dave

May 15 '07 #1
Share this Question
Share on Google+
3 Replies


P: n/a
la***********@zipmail.com wrote:
Hi,

Below I have an unordered list that is displayed on the same
horizontal plane (thanks for the help yesterday). What I am wondering
now is I would like the contents of the DIV with class "tabs-
container" to be always displayed on the next line. Right now, it is
being displayed on the same line as the unordered list.
display: block; ?
May 15 '07 #2

P: n/a
On 2007-05-15, la***********@zipmail.com <la***********@zipmail.comwrote:
Hi,

Below I have an unordered list that is displayed on the same
horizontal plane (thanks for the help yesterday). What I am wondering
now is I would like the contents of the DIV with class "tabs-
container" to be always displayed on the next line. Right now, it is
being displayed on the same line as the unordered list. I could apply
a <BRtag, I suppose, but I was hoping there is a more elegant, CSS
way to move the content to the next line.
Give it clear: left. I don't think <brwill help you actually, unless
you make it <br clear="all"but that's a bit of an old-school way of
doing things.

<brputs in a line break, but doesn't clear floats.
Code is below.

<html>
<head>
<style type="text/css">

.tabs-nav {
list-style: none;
margin: 0;
padding: 0 0 0 4px;
}

.tabs-nav li {
float: left;
display: inline;
This display: inline means nothing-- setting float (to a value other
than none) means you get display: block anyway.
May 15 '07 #3

P: n/a
On 2007-05-15, Harlan Messinger <hm*******************@comcast.netwrote:
la***********@zipmail.com wrote:
>Hi,

Below I have an unordered list that is displayed on the same
horizontal plane (thanks for the help yesterday). What I am wondering
now is I would like the contents of the DIV with class "tabs-
container" to be always displayed on the next line. Right now, it is
being displayed on the same line as the unordered list.

display: block; ?
I think it already was display: block. But its inline contents will go
to the side of all those left floats the OP had.
May 15 '07 #4

This discussion thread is closed

Replies have been disabled for this discussion.