Skip to main content
Commonmark migration
Source Link

Normally, I would provide an image within its own paragraph like this in markdown:

Some text

![enter image description here][1]

Some Text

Which is rendered like this:

<p>Some Text</p>
<p><img src="https://i.sstatic.net/8ucma.png" alt="enter img description here"></p>
<p>Some Text</p>

But in all.css, there is a bottom margin on both paragraphs and images:

p {
  clear: both;
  margin-bottom: 1em;
}
.post-text img {
  max-width: 630px;
  margin-bottom: 1em;
}

Meaning here's how it will look:

Some text

enter image description here

Some Text


I'm not a fan of the double margin on the bottom:

example

Of course you could terminate the line with a double space in order to get a line break, but I think most images have traditionally been entered in markdown with their own paragraph. Also, it would help keep markdown and the resulting HTML in sync visually.

There also appears to be an issue with the margin pushing down text on inline images

Didn't know if Feedback Requested: Stack Overflow design update was still active, so I'm posting here.

Also Blockquotes!:

Some Text

 

enter image description here

Normally, I would provide an image within its own paragraph like this in markdown:

Some text

![enter image description here][1]

Some Text

Which is rendered like this:

<p>Some Text</p>
<p><img src="https://i.sstatic.net/8ucma.png" alt="enter img description here"></p>
<p>Some Text</p>

But in all.css, there is a bottom margin on both paragraphs and images:

p {
  clear: both;
  margin-bottom: 1em;
}
.post-text img {
  max-width: 630px;
  margin-bottom: 1em;
}

Meaning here's how it will look:

Some text

enter image description here

Some Text


I'm not a fan of the double margin on the bottom:

example

Of course you could terminate the line with a double space in order to get a line break, but I think most images have traditionally been entered in markdown with their own paragraph. Also, it would help keep markdown and the resulting HTML in sync visually.

There also appears to be an issue with the margin pushing down text on inline images

Didn't know if Feedback Requested: Stack Overflow design update was still active, so I'm posting here.

Also Blockquotes!:

Some Text

 

enter image description here

Normally, I would provide an image within its own paragraph like this in markdown:

Some text

![enter image description here][1]

Some Text

Which is rendered like this:

<p>Some Text</p>
<p><img src="https://i.sstatic.net/8ucma.png" alt="enter img description here"></p>
<p>Some Text</p>

But in all.css, there is a bottom margin on both paragraphs and images:

p {
  clear: both;
  margin-bottom: 1em;
}
.post-text img {
  max-width: 630px;
  margin-bottom: 1em;
}

Meaning here's how it will look:

Some text

enter image description here

Some Text


I'm not a fan of the double margin on the bottom:

example

Of course you could terminate the line with a double space in order to get a line break, but I think most images have traditionally been entered in markdown with their own paragraph. Also, it would help keep markdown and the resulting HTML in sync visually.

There also appears to be an issue with the margin pushing down text on inline images

Didn't know if Feedback Requested: Stack Overflow design update was still active, so I'm posting here.

Also Blockquotes!:

Some Text

enter image description here

replaced http://meta.stackoverflow.com/ with https://meta.stackoverflow.com/
Source Link

Normally, I would provide an image within its own paragraph like this in markdown:

Some text

![enter image description here][1]

Some Text

Which is rendered like this:

<p>Some Text</p>
<p><img src="https://i.sstatic.net/8ucma.png" alt="enter img description here"></p>
<p>Some Text</p>

But in all.css, there is a bottom margin on both paragraphs and images:

p {
  clear: both;
  margin-bottom: 1em;
}
.post-text img {
  max-width: 630px;
  margin-bottom: 1em;
}

Meaning here's how it will look:

Some text

enter image description hereenter image description here

Some Text


  

I'm not a fan of the double margin on the bottom:

exampleexample

Of course you could terminate the line with a double space in order to get a line break, but I think most images have traditionally been entered in markdown with their own paragraph. Also, it would help keep markdown and the resulting HTML in sync visually.

There also appears to be an issue with the margin pushing down text on inline imagesissue with the margin pushing down text on inline images

Didn't know if Feedback Requested: Stack Overflow design updateFeedback Requested: Stack Overflow design update was still active, so I'm posting here.

Also Blockquotes!:

Some Text

enter image description hereenter image description here

Normally, I would provide an image within its own paragraph like this in markdown:

Some text

![enter image description here][1]

Some Text

Which is rendered like this:

<p>Some Text</p>
<p><img src="https://i.sstatic.net/8ucma.png" alt="enter img description here"></p>
<p>Some Text</p>

But in all.css, there is a bottom margin on both paragraphs and images:

p {
  clear: both;
  margin-bottom: 1em;
}
.post-text img {
  max-width: 630px;
  margin-bottom: 1em;
}

Meaning here's how it will look:

Some text

enter image description here

Some Text


 

I'm not a fan of the double margin on the bottom:

example

Of course you could terminate the line with a double space in order to get a line break, but I think most images have traditionally been entered in markdown with their own paragraph. Also, it would help keep markdown and the resulting HTML in sync visually.

There also appears to be an issue with the margin pushing down text on inline images

Didn't know if Feedback Requested: Stack Overflow design update was still active, so I'm posting here.

Also Blockquotes!:

Some Text

enter image description here

Normally, I would provide an image within its own paragraph like this in markdown:

Some text

![enter image description here][1]

Some Text

Which is rendered like this:

<p>Some Text</p>
<p><img src="https://i.sstatic.net/8ucma.png" alt="enter img description here"></p>
<p>Some Text</p>

But in all.css, there is a bottom margin on both paragraphs and images:

p {
  clear: both;
  margin-bottom: 1em;
}
.post-text img {
  max-width: 630px;
  margin-bottom: 1em;
}

Meaning here's how it will look:

Some text

enter image description here

Some Text

 

I'm not a fan of the double margin on the bottom:

example

Of course you could terminate the line with a double space in order to get a line break, but I think most images have traditionally been entered in markdown with their own paragraph. Also, it would help keep markdown and the resulting HTML in sync visually.

There also appears to be an issue with the margin pushing down text on inline images

Didn't know if Feedback Requested: Stack Overflow design update was still active, so I'm posting here.

Also Blockquotes!:

Some Text

enter image description here

edited tags
Link
Jin Mod
  • 574
  • 3
  • 15
  • 24
deleted 1 character in body
Source Link
Richard Ev
  • 54k
  • 16
  • 4
Loading
added example with blockquotes
Source Link
Loading
Source Link
Loading