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

It allows the border to stay warped around the text.

Are you asserting that blockquote tag would not allow the border to stay wrapped around the text?

Table allows the text to expand.

Look at the 2 differences compared:
http://newtest180.blogspot.com/

Do you have the raw code in a couple of fiddles or CodePens? I canā€™t copy the Bloggerā€™s code to a file to look at it on my PC.

How do you have no indent on blockquote?

Would you please respond to my post and not change the subject.

Iā€™m fiddling with the code. so, I canā€™t just show you one code.

<div style="margin: 0px;background-color:black;width: 605px;height:60px; padding-left: 1px">

<blockquote>
<p style="font-family: 'Times New Roman';height:60px; 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></div>

Iā€™m trying to get the top one to look like the bottom using blockquotes.

No prob - Iā€™m patient.

How would I convert blockquote to inline css?

You donā€™t.

We WANT the blockquote element in one of the boxes.

EDIT:

I think I misunderstood your statement. We will deal with that later.

Right now, I just want to see the two examples of code, blockquote vs table, so I can compare them the same way you do and see why you object to the blockquote tag.

I just fixed my original code, can you tell me if this is fine the way it is? I removed height, thatā€™s what was restricting the text from flowing.

<div style="background-color:black; width: 605px;padding-left: 1px">

    <p style="display:inline;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></div>

You are off an running with your tangents. I asked a thinking question, not a demo question.

I asked why the box with the div did not restrict its height (which was set to 60px) when you had it set to display:table but affter you removed display:table its heigt was restricted to 60px.

Itā€™s a thinking question. Not a demo question.

Without height vs with height:

Blockquote, vs no blockquote.

So, I can use display:inline the way it is, and thatā€™s fine, right?

You have set the <p> to {display:inline} using inline styles. The native properties of an element should not be changed unless necessary. Assigning display:inline to the block p is ludicrous.

This is another example where you have been told many many times by all of us not to change the display characteristics of tags unnecessarily. You should use appropriate tags and setting the <p> to inline is not appropriate, either.

What is it about <blockquote> that does not suit you?

What is it about <p> as a block element that does not suit you?

You ask, We answer (thatā€™s what you expect, isnā€™t it?)
We ask, You evade. is Not a respectful game.

2 Likes

I was told to use p, so I used p. What is wrong with this code? I donā€™t see anything wrong with this code the way it is.

<div style="background-color:black; width: 605px;padding-left: 1px">

    <p style="display:inline;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></div>

Why have you set it to display: inline;?