You cannot have a P element within a H6 since it [h6] can only contain ‘inline elements’ such as BR or SPAN, etc. It also depends upon what you are trying to achieve - if it’s just visual or positioning reasons (layout) or controlling white space then use CSS.
The P element; for paragraphs and are ‘block level’ so by default cause paragraph breaks but you should NEVER use them for generating white space.
If you have three separate paragraphs and want either; the block of text column to be a certain width; or want to change vertical white space then use CSS.
The BR is mainly used for ‘special’ cases like; poetry or postal addresses not for making generic white space between the sentences themselves.
Obviously each paragraph will be in the form: <p>Paragraph 1 text…</p><p>Paragraph 2 text…</p><p>Paragraph 3 text…</p><p>Paragraph 2 text…</p> as that denotes separate paragraphs.
No, you shouldn’t have the <br> element there, for two reasons:
it’s not valid HTML, and
if you want some visual space there, use CSS (e.g. put some bottom padding on that LI.)
Remember, visual layout is the job of CSS, not HTML. As a rule, don’t use HTML elements to get visual effects (except in rare cases mentioned above, such as in poetry or addreses).
Given your content, it’s also worth asking yourself if an address is really a list. If not, don’t use HTML that describes it as a list.
Okay, i dont know are to do this without giving all li in this section padding. Should i give some of the <li> a class like this (i only need the break on two of those <li>) :
Okay great tip. Did not know “:nth child stuff”. I came up with this instead (looks okay ?) :
one thing i could not figure out. How can i select child 3 and 5 only ?
Also it is okay to use “strong” in large columns of text right ? And is “strong” as good as using “b” ?
.footer-info {
padding-bottom:25px;
}
.footer-info a {
color:#FFF;
}
.footer-info ul li:nth-child(1){
font-weight: bold;
}
.footer-info ul li:nth-child(3){
padding-bottom:15px;
}
.footer-info ul li:nth-child(5){
padding-bottom:25px;
color:#FFF;
}
The STRONG element indicates ‘stronger emphasis’ and isn’t to do with presentation whereas B renders as bold text style albeit if you just visually wanted a heaver or darker font weight you’d use CSS.
But if you have this text and want to make 10-15 words bold. How would you do this with css and not <strong> or <b> ?
Lorem Ipsum er ganske enkelt fyldtekst fra print- og typografiindustrien. Lorem Ipsum har været standard fyldtekst siden 1500-tallet, hvor en ukendt trykker sammensatte en tilfældig spalte for at trykke en bog til sammenligning af forskellige skrifttyper. Lorem Ipsum har ikke alene overlevet fem århundreder, men har også vundet indpas i elektronisk typografi uden væsentlige ændringer. Sætningen blev gjordt kendt i 1960’erne med lanceringen af Letraset-ark, som indeholdt afsnit med Lorem Ipsum, og senere med layoutprogrammer som Aldus PageMaker, som også indeholdt en udgave af Lorem Ipsum.
John: I doubt <b> means anything for SEO, but <strong> might, maybe. Depends on how often it’s used for importance in the wild versus just making stuff bold. <span> should indeed be entirely ignored by an SE. Span and div have no real semantic meaning, so I’d prefer the span.
I’d use the <b> if it was an HTML email though. Easier.