Fri, 2010-08-13 22:14
I'm very new in CSS.
Before posting here i searched but things were too mixed and confusing for me to understand so starting a new topic.
I want to know how to add line break after where i mentioned in code.
CSS
.container { margin-left: auto; margin-right: auto; width: 13.75em; } .container .box { border: 1px solid black; background-color: gray; color: black; float: left; line-height: 1.5; margin: 0.5em; text-align: center; height: 1.5em; width: 1.5em; }
HTML:
<body> <div class="container"> <div class="box container">1</div> // I need here line break <div class="box container">2</div> // I need here line break <div class="box container">3</div> // I need here line break </div> </body>
Please help me.
Thanks in advance.
Sat, 2010-08-14 01:00
#1
Remove float: left;
Remove
float: left;
Sat, 2010-08-14 20:40
#2
Deuce wrote: Remove float:
Remove
float: left;
on preview at DreamWeaver shows line breaks but not on browser.
I tested on firefox, IE6 and latest Google Chrome.
any further advice please.
Sat, 2010-08-14 20:40
#3
Deuce wrote: Remove float:
Remove
float: left;
on preview at DreamWeaver shows line breaks but not on browser.
I tested on firefox, IE6 and latest Google Chrome.
any further advice please.
Sat, 2010-08-14 20:59
#4
Show a link. Don't preview in
Show a link. Don't preview in Dreamweaver, it's not a browser. No one will go to your site using DW as a browser. Remove the width: 1.5em