I am using `br` tag to create a line break for my web page `faq`.   

Though the results are accurate, is there any alternative for using `linebreak`   

via css to create responsive based web page.   

By googling I found the `pseudo` element. But I didnt get a proper image of it.   

```css
.faqfirstsec {
  margin: 0 0 0 70px;
  background: lightgrey;
  height: 100%;
}

font.faqtitle {
  font-weight: bold;
}

font.faqques {
  color: red;
}
```

```html
<div class="faqfirstsec">
  <font class="faqtitle" weight="bold">TITLE</font><br><br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>

  <font class="faqques">QUESTION 1</font><br><br>
  <font class="faqans">ANSWER 1<br> ANSWER 1。</font><br><br><br><br><br>
  <font class="faqques">QUESTION 2</font><br> ANSWER 2<br><br><br><br>
  <font class="faqques">QUESTION 3</font><br> ANSWER 3<br><br>
</div>
```

I want to create some spaces among question 1 , 2 and so on.   

I have used `font class` tag , but cannot use `Margin` .   

Should I go for `DIV` instead of `FONT` ?