Is it ok to use br in html file

i have created a html file and used css3 for various effects. Please find the link where i have the code
sample br

in the above link, i have an index.html file.Basically, what i want is some space between the circle and the progress bar. i.e in markup, if i have a <br> between the two div’s , then i get the desired o/p,but if i remove it then the circle(java7)and progress bar is very close.Is it ok if i use <br> tag?I tried giving margin top to meter class,but didn’t help, so though of using br. Please let me know if it is fine approach

  <div class="ch-thumb ch-img-1">
          <p class="text"> Java7</p>
        </div>
  <br>
          <div class="meter animate">
                  <span style="width: 50%"><span></span></span>
       </div>

Odd. I changed the margin in your meter class and it worked fine.

Yours was

    .meter { 
    height: 20px;  /* Can be anything */
    position: relative;
    background: #555;
    margin:160px 0 20px 0;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 10px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    -moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
    box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}

I increased the top margin from 160px to 200px

    .meter { 
    height: 20px;  /* Can be anything */
    position: relative;
    background: #555;
    margin:200px 0 20px 0;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 10px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    -moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
    box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}

I’m having the same results as Dave. Your margin is what puts it there to begin with. I’m confused as to why you do not believe it is working?

thanks Dave. Basically, i was adding margin-bottom to “ch-thumb ch-img-1” class . Then i tried adding margin-bottom to “ch-info ch-info1”, but both didn’t work.I think i kind of missed trying meter class.

Anyway, thanks Ryan and Dave :slight_smile:

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.