My reading of it is that a <q> tag is set to be inline, not block
The <div style=" and the <span style=" are two different parts, is there a name that each is called?
2 Likes
how do you remove the indention from a blockquote?
Donāt change the q tag please. It is an inline tag that goes at the beginning and end of the quoted text.
You have done #3 in everything you have tried to do so far - every single thread youāve started, and almost every post within them, is doing #3. That is what styling a web page is.
ok. I didnāt know that.
Chris, webkit is the Apple designed engine for Safari and Chrome (and maybe others)
The Mozilla Firefox browser engine is Gecko.
ā¦last time I checked, anyway.
2 Likes
Like this?
<blockquote style="background-color:black; width: 605px;margin:0px;">
<p style="margin:0px;font-family:'Times New Roman';font-size:16px;color:white;"><q>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.</q> ~ <em>Mehmet Murat ildan</em></p></blockquote>
I think you have a winner!
You can always add back a smaller amount of margin or padding (in this case) to create a little space around the edge to frame the text, but design decisions like that are what you get paid the big bucks for. 
I would do a double dance if you used CSS instead of inline styles, but this is a very good start.
What if itās not a quote, what do I use? Just general text?
Do I just use div style?
No, like this:
Why like that, I donāt like that way. Whatās wrong with my way?
It is far easier to read and modify. Plus the CSS applies to every other blockquote rather than having to repeat your inline CSS styles multiple times over and over again.
Edit:
Also reduces filesize making the script load quicker, especially when using mobiles.
1 Like
What if I only have 1?
I think we can consider question #1 answered
Then use whatever outer element would be appropriate for the contents. I think Paul gave you a link to a list of HTML elements.
The paragraph rule would probably remain about the sameā¦ but no one can actually say for sure without seeing the context. Web pages are designed individually and we do not know what your eventual plans are. There are and infinite number of design variations, things you could do. And there are very few āalwaysā and āneverā guidelines. We are guided by the W3 specifications, ābest practicesā and experiece.
It is still far better to separate the CSS from the HTML rather than using inline CSS.
OK. Iāll take the hit on that. I misread the Firefox Wikipedia page slightly. It lists Webkit, but I didnāt spot the line that says that itās for iOS only.
Iām guessing the Gecko UAS is very, very similar though.
I was only talking about for the background color, that stuff. So, Iāll just use <div style" for that, and then inside Iāll stay with <p style="
1 Like
In fairness, we would need to see the actual context before we can say for sure. (Iāll bet youāre getting tired of hearing that, but itās true.) You wonāt be wrong with a <div>, itās just that it might be possible to be more semantically correct which in turn means more people can enjoy your web site.
https://jsfiddle.net/7y8kbd0q/
<div style="width: 256px; height: 330px; cursor: pointer; background-color:#000000;border-radius: 50px; border: 5px solid #0059dd;text-align: center;">
<p style="font-family: 'Times New Roman'; font-size: 20px;color: #0059dd;line-height:114px;">[ ENJOY THE MUSIC]</p></div>
Looking over the code briefly and looking at the jsfiddle, it looks like it works as intended so thatās a good thing.
I suspect that at some itime in the not-too-distant future, you may want to make the web page responsive so it can be opened on tablets or maybe even smartphones. But thatās for another day, right?