I want to make each one of these element is different line, without using
in HTML, is block element but I have to fix its
Use CSS:
a {
display: block;
}
By default a
tag is an inline element, so you have to change its display property.
From the CSS specification:
Block-level elements are those elements of the source document that are formatted visually as blocks (e.g., paragraphs). The following values of the 'display' property make an element block-level: 'block', 'list-item', and 'table'.
http://www.w3.org/TR/CSS2/visuren.html#block-boxes
Inline-level elements are those elements of the source document that do not form new blocks of content; the content is distributed in lines (e.g., emphasized pieces of text within a paragraph, inline images, etc.). The following values of the 'display' property make an element inline-level: 'inline', 'inline-table', and 'inline-block'. Inline-level elements generate inline-level boxes, which are boxes that participate in an inline formatting context.
http://www.w3.org/TR/CSS2/visuren.html#inline-boxes