1.
when i have a text which is 2 or 3 words only to be displayed in bold and below this a paragraph starts with a vertical gap, sometimes i change the strong tag to display as block and set the bottom margin, here because there is no need for any header tags as the text is 2 or 3 words and in bold i use this method also the para below is the 1st paragraph
my code is
<strong>strong text</strong>
<p>
paragraph
</p>
strong{
display: block;
margin: 0 0 10px 0;
}
it works however i wanted to know if setting strong to display as block is a good idea or if there is any other alternative
2.
when i have for example a container div whose width for example is 500px and this div hold 5 inners divs and the addition of all these inner divs adds up to 500px, sometimes what i have noticed is only in ie6 the last div starts in the next line though the total of all inner divs is 500px with no margins or padding added to neither the container div or any of the inner divs
is there any reason why the last div starts in a new line only in ie6. also this behavior happens very rarely and most of the time it works fine in ie6.
the link for this example is at
http://sudhakargolakaram.co.in/innerdivs.html
the code is
<div class="row1outer">
<div class="col1">
col1
</div>
<div class="col2">
col2
</div>
<div class="col3">
col3
</div>
<div class="col4">
col4
</div>
<div class="col5">
col5
</div>
</div>
.row1outer{
float: left;
width: 500px;
height: auto;
margin: 50px 0 0 0;
}
.row1outer .col1{
float: left;
width: 100px;
height: 100px;
background: #777;
}
.row1outer .col2{
float: left;
width: 55px;
height: 100px;
background: #333;
}
.row1outer .col3{
float: left;
width: 250px;
height: 100px;
background: #444;
}
.row1outer .col4{
float: left;
width: 70px;
height: 100px;
background: #555;
}
.row1outer .col5{
float: left;
width: 25px;
height: 100px;
background: #666;
}
please advice.
thanks.
|