The <div style=" and the <span style=" are two different parts, is there a name that each is called?

HTML & CSS
154

How many times have I/we told you never never never use html for the way it looks as that’s the job of css.

Always use the correct html and then style it as you wish.

Your section is still incorrect as I gave the perfect solution already and yet you have now nested a q element inside a blockquote which is redundant and then you changed the cite into an em which is non semantic.

Your exact layout can be produced with the code I gave you and styled simply with css.

Here is is styled.

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
.quote{
	background:black; 
	color:#fff;
	width: 605px;
	margin:0;
	font-family:'Times New Roman';
	font-size:16px;	
}
.quote p,.quote footer{display:inline;margin:0}
.quote cite{font-style:italic}
.quote p:before {content: '“'; content: open-quote;}
.quote p:after {content: '”'; content: close-quote;}
</style>
</head>

<body>
<blockquote class="quote">
  <p>Never let society to turn you into a grain of sand on the beach. Be different, be individual. Refuse to look alike with others. Leave your herd, only then you will have a real name and till then your name will remain as the grain sand.</p>
  <footer> ~ <cite>Mehmet Murat ildan</cite> </footer>
</blockquote>
</body>
</html>

That give the exact same look as your original but is now semantically correct. There’s no need to change anything in the above so don’t do it :slight_smile:

4 Likes