[answered] How to put dotted line (.......) between every answer ?

Question

At the moment multipe answers are not separated by anything between them on the page, which doesn't look visually elegant.

I want to separate every answer by a dotted line ...................

how do i do it ?

Answer 1

I would say the easiest way is to add a bottom border to the qa-a-list-item class in your CSS. You may need to change the padding too. For example you could change the style to:

.qa-a-list-item {
  margin-bottom: 20px;
  zoom: 1;
  padding-bottom: 21px;
  border-bottom: 1px dotted #999;
}

 

Comments

thanks, only instead of "bottom", i used "top" otherwise it doesn't  put the line between the question and the first answer, other than that it works perfectly!