From the course: CSS: Advanced Typographic Techniques

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Structuring HTML

Structuring HTML - jQuery Tutorial

From the course: CSS: Advanced Typographic Techniques

Start my 1-month free trial

Structuring HTML

“

Usually, I try to keep my markup as clean as I can, but there are going to be times when you have to put a little bit of non-semantic markup in your HTML in order to achieve the desired effect. Now, such is the case here as we're going to need containers for both the text and the generated content that we're going to be styling. So, essentially how this is going to work is the word submerged isn't going to be just one word. If I scroll down and look at the HTML Right now, this is how I would normally mark something like this up. Very, very clean, we have a section that has a class, a submerge and then a paragraph that just says submerge. Okay, well it is physically, unfortunately, impossible to split one word into horizontal halves. Lord knows I tried but you just can't do it. So I'm going to have to have two copies of the text, essentially. Now I could just go ahead and change my HTML markup to reflect that and just type two of them in here. But in a real world scenario that would be…

Contents