Communities

Writing
Writing
Codidact Meta
Codidact Meta
The Great Outdoors
The Great Outdoors
Photography & Video
Photography & Video
Scientific Speculation
Scientific Speculation
Cooking
Cooking
Electrical Engineering
Electrical Engineering
Judaism
Judaism
Languages & Linguistics
Languages & Linguistics
Software Development
Software Development
Mathematics
Mathematics
Christianity
Christianity
Code Golf
Code Golf
Music
Music
Physics
Physics
Linux Systems
Linux Systems
Power Users
Power Users
Tabletop RPGs
Tabletop RPGs
Community Proposals
Community Proposals
tag:snake search within a tag
answers:0 unanswered questions
user:xxxx search by author id
score:0.5 posts with 0.5+ score
"snake oil" exact phrase
votes:4 posts with 4+ votes
created:<1w created < 1 week ago
post_type:xxxx type of post
Search help
Notifications
Mark all as read See all your notifications »
Users Search
Help Dashboard Sign In Sign Up
Q&A Code Reviews Meta
Meta
Posts Tags Edits
Ask Question

Welcome to Software Development on Codidact!

Will you help us build our independent community of developers helping developers? We're small and trying to grow. We welcome questions about all aspects of software development, from design to code to QA and more. Got questions? Got answers? Got code you'd like someone to review? Please join us.

Post History

71%
+3 −0
Meta Border-bottom of inline code is (sometimes) not displayed when it's in the last line of a paragraph

After I wrote this answer, I could notice that, when there's inline code in the last line of a paragraph, sometimes the border-bottom of the inline code text is not displayed. One case is when the...

0 answers  ·  posted 4y ago by hkotsubo‭  ·  edited 3y ago by Monica Cellio‭

Question bug status-completed code-formatting
#15: Post edited by user avatar Monica Cellio‭ · 2021-03-21T02:25:32Z (over 3 years ago)
bug code-formatting
bug status-completed code-formatting
#14: Post edited by user avatar hkotsubo‭ · 2021-03-12T13:14:05Z (almost 4 years ago)
  • After I wrote [this answer](https://software.codidact.com/posts/281035#answer-281035), I could notice that, when there's inline code in the last line of a paragraph, sometimes the border-bottom of the inline code text is not displayed.
  • One case is when the paragraph is followed by either a horizontal line or a code block:
  • ![inline code with border-bottom missing](https://software.codidact.com/uploads/r4TYWTv9JdkoD9j75yEqQkEu)
  • Note that the border-bottom is missing for all the inline code text, when it's in the last line of a paragraph and immediately followed by a horizontal line or a code block (in this case, it's `a`, `b c-d e/f`, `IFS` and `read`).
  • Also note from the screenshot above that between 2 paragraphs, this problem didn't happen, and the border-bottom is displayed correctly (in the image, that's `b c` and `d e`).
  • But in this question, this situation also happened as well (the problem occurred between 2 paragraphs):
  • ![problem happens between 2 paragraphs](https://software.codidact.com/uploads/PJBNDDaVk1To2fXiJc1YSgvJ)
  • And, to make things more confusing, in another part of the [linked answer](https://software.codidact.com/posts/281035#answer-281035), it happened the opposite (between 2 paragraphs, not OK, but before code block, OK):
  • ![OMG_WTF](https://software.codidact.com/uploads/2XCYja6rvYgtmMWF9BJH3zhR)
  • But at least it's OK when the inline code text is not in the paragraph's last line.
  • Also, the problem doesn't happen in the preview, when I'm editing the post.
  • ---
  • This problem doesn't occur in all browsers/SO's. Please find below the tests I've made:
  • ### Windows 10 Home 64 bits
  • | Browser | Behaviour |
  • |:---------------------|:----------|
  • | Chrome 88.0.4324.190 | Not OK |
  • | Firefox 85.0.2 | OK |
  • | Edge 89.0.774.45 | Not OK |
  • ### Iphone 8 / iOS 14.4
  • | Browser | Behaviour |
  • |:--------------------|:----------|
  • | Chrome 87.0.4280.77 | Not OK |
  • | Safari | Not OK |
  • **PS**: if I rotate the phone to landscape orientation, the borders are displayed correctly.
  • ### MacOS Catalina 10.15.7
  • | Browser | Behaviour |
  • |:------------------|:----------|
  • | Chrome 88.0.4324.150 | OK |
  • | Safari 14.0.2 | OK |
  • | Firefox 86.0.1 | OK |
  • After I wrote [this answer](https://software.codidact.com/posts/281035#answer-281035), I could notice that, when there's inline code in the last line of a paragraph, sometimes the border-bottom of the inline code text is not displayed.
  • One case is when the paragraph is followed by either a horizontal line or a code block:
  • ![inline code with border-bottom missing](https://software.codidact.com/uploads/r4TYWTv9JdkoD9j75yEqQkEu)
  • Note that the border-bottom is missing for all the inline code text, when it's in the last line of a paragraph and immediately followed by a horizontal line or a code block (in this case, it's `a`, `b c-d e/f`, `IFS` and `read`).
  • Also note from the screenshot above that between 2 paragraphs, this problem didn't happen, and the border-bottom is displayed correctly (in the image, that's `b c` and `d e`).
  • But in this question, this situation also happened as well (the problem occurred between 2 paragraphs):
  • ![problem happens between 2 paragraphs](https://software.codidact.com/uploads/PJBNDDaVk1To2fXiJc1YSgvJ)
  • And, to make things more confusing, in another part of the [linked answer](https://software.codidact.com/posts/281035#answer-281035), it happened the opposite (between 2 paragraphs, not OK, but before code block, OK):
  • ![OMG_WTF](https://software.codidact.com/uploads/2XCYja6rvYgtmMWF9BJH3zhR)
  • But at least it's OK when the inline code text is not in the paragraph's last line.
  • Last but not least, the problem doesn't happen in the preview, when I'm editing the post.
  • ---
  • This problem doesn't occur in all browsers/SO's. Please find below the tests I've made:
  • ### Windows 10 Home 64 bits
  • | Browser | Behaviour |
  • |:---------------------|:----------|
  • | Chrome 88.0.4324.190 | Not OK |
  • | Firefox 85.0.2 | OK |
  • | Edge 89.0.774.45 | Not OK |
  • ### Iphone 8 / iOS 14.4
  • | Browser | Behaviour |
  • |:--------------------|:----------|
  • | Chrome 87.0.4280.77 | Not OK |
  • | Safari | Not OK |
  • **PS**: if I rotate the phone to landscape orientation, the borders are displayed correctly.
  • ### MacOS Catalina 10.15.7
  • | Browser | Behaviour |
  • |:------------------|:----------|
  • | Chrome 88.0.4324.150 | OK |
  • | Safari 14.0.2 | OK |
  • | Firefox 86.0.1 | OK |
#13: Post edited by user avatar hkotsubo‭ · 2021-03-12T13:12:43Z (almost 4 years ago)
  • After I wrote [this answer](https://software.codidact.com/posts/281035#answer-281035), I could notice that, when there's inline code in the last line of a paragraph, sometimes the border-bottom of the inline code text is not displayed.
  • One case is when the paragraph is followed by either a horizontal line or a code block:
  • ![inline code with border-bottom missing](https://software.codidact.com/uploads/r4TYWTv9JdkoD9j75yEqQkEu)
  • Note that the border-bottom is missing for all the inline code text, when it's in the last line of a paragraph and immediately followed by a horizontal line or a code block (in this case, it's `a`, `b c-d e/f`, `IFS` and `read`).
  • Also note from the screenshot above that between 2 paragraphs, this problem didn't happen, and the border-bottom is displayed correctly (in the image, that's `b c` and `d e`).
  • But in this question, this situation also happened as well (the problem occurred between 2 paragraphs):
  • ![problem happens between 2 paragraphs](https://software.codidact.com/uploads/PJBNDDaVk1To2fXiJc1YSgvJ)
  • And, to make things more confusing, in another part of the [linked answer](https://software.codidact.com/posts/281035#answer-281035), it happened the opposite (between 2 paragraphs, not OK, but before code block, OK):
  • ![OMG_WTF](https://software.codidact.com/uploads/2XCYja6rvYgtmMWF9BJH3zhR)
  • But at least it's OK when the inline code text is not in the paragraph's last line.
  • ---
  • This problem doesn't occur in all browsers/SO's. Please find below the tests I've made:
  • ### Windows 10 Home 64 bits
  • | Browser | Behaviour |
  • |:---------------------|:----------|
  • | Chrome 88.0.4324.190 | Not OK |
  • | Firefox 85.0.2 | OK |
  • | Edge 89.0.774.45 | Not OK |
  • ### Iphone 8 / iOS 14.4
  • | Browser | Behaviour |
  • |:--------------------|:----------|
  • | Chrome 87.0.4280.77 | Not OK |
  • | Safari | Not OK |
  • **PS**: if I rotate the phone to landscape orientation, the borders are displayed correctly.
  • ### MacOS Catalina 10.15.7
  • | Browser | Behaviour |
  • |:------------------|:----------|
  • | Chrome 88.0.4324.150 | OK |
  • | Safari 14.0.2 | OK |
  • | Firefox 86.0.1 | OK |
  • After I wrote [this answer](https://software.codidact.com/posts/281035#answer-281035), I could notice that, when there's inline code in the last line of a paragraph, sometimes the border-bottom of the inline code text is not displayed.
  • One case is when the paragraph is followed by either a horizontal line or a code block:
  • ![inline code with border-bottom missing](https://software.codidact.com/uploads/r4TYWTv9JdkoD9j75yEqQkEu)
  • Note that the border-bottom is missing for all the inline code text, when it's in the last line of a paragraph and immediately followed by a horizontal line or a code block (in this case, it's `a`, `b c-d e/f`, `IFS` and `read`).
  • Also note from the screenshot above that between 2 paragraphs, this problem didn't happen, and the border-bottom is displayed correctly (in the image, that's `b c` and `d e`).
  • But in this question, this situation also happened as well (the problem occurred between 2 paragraphs):
  • ![problem happens between 2 paragraphs](https://software.codidact.com/uploads/PJBNDDaVk1To2fXiJc1YSgvJ)
  • And, to make things more confusing, in another part of the [linked answer](https://software.codidact.com/posts/281035#answer-281035), it happened the opposite (between 2 paragraphs, not OK, but before code block, OK):
  • ![OMG_WTF](https://software.codidact.com/uploads/2XCYja6rvYgtmMWF9BJH3zhR)
  • But at least it's OK when the inline code text is not in the paragraph's last line.
  • Also, the problem doesn't happen in the preview, when I'm editing the post.
  • ---
  • This problem doesn't occur in all browsers/SO's. Please find below the tests I've made:
  • ### Windows 10 Home 64 bits
  • | Browser | Behaviour |
  • |:---------------------|:----------|
  • | Chrome 88.0.4324.190 | Not OK |
  • | Firefox 85.0.2 | OK |
  • | Edge 89.0.774.45 | Not OK |
  • ### Iphone 8 / iOS 14.4
  • | Browser | Behaviour |
  • |:--------------------|:----------|
  • | Chrome 87.0.4280.77 | Not OK |
  • | Safari | Not OK |
  • **PS**: if I rotate the phone to landscape orientation, the borders are displayed correctly.
  • ### MacOS Catalina 10.15.7
  • | Browser | Behaviour |
  • |:------------------|:----------|
  • | Chrome 88.0.4324.150 | OK |
  • | Safari 14.0.2 | OK |
  • | Firefox 86.0.1 | OK |
#12: Post edited by user avatar hkotsubo‭ · 2021-03-12T13:10:27Z (almost 4 years ago)
  • After I wrote [this answer](https://software.codidact.com/posts/281035#answer-281035), I could notice that, when there's inline code in the last line of a paragraph, sometimes the border-bottom of the inline code text is not displayed.
  • One case is when the paragraph is followed by either a horizontal line or a code block:
  • ![inline code with border-bottom missing](https://software.codidact.com/uploads/r4TYWTv9JdkoD9j75yEqQkEu)
  • Note that the border-bottom is missing for all the inline code text, when it's in the last line of a paragraph and immediately followed by a horizontal line or a code block (in this case, it's `a`, `b c-d e/f`, `IFS` and `read`).
  • Also note from the screenshot above that between 2 paragraphs, this problem didn't happen, and the border-bottom is displayed correctly (in the image, that's `b c` and `d e`).
  • But in this question, this situation also happened as well (the problem occurred between 2 paragraphs):
  • ![problem happens between 2 paragraphs](https://software.codidact.com/uploads/5EN81Z87zTPabKe6yWH576hC)
  • And, to make things more confusing, in another part of the [linked answer](https://software.codidact.com/posts/281035#answer-281035), it happened the opposite (between 2 paragraphs, not OK, but before code block, OK):
  • ![OMG_WTF](https://software.codidact.com/uploads/sc945nXLHqdTeRZyHVLhMFiu)
  • But at least it's OK when the inline code text is not in the paragraph's last line.
  • ---
  • This problem doesn't occur in all browsers/SO's. Please find below the tests I've made:
  • ### Windows 10 Home 64 bits
  • | Browser | Behaviour |
  • |:---------------------|:----------|
  • | Chrome 88.0.4324.190 | Not OK |
  • | Firefox 85.0.2 | OK |
  • | Edge 89.0.774.45 | Not OK |
  • ### Iphone 8 / iOS 14.4
  • | Browser | Behaviour |
  • |:--------------------|:----------|
  • | Chrome 87.0.4280.77 | Not OK |
  • | Safari | Not OK |
  • **PS**: if I rotate the phone to landscape orientation, the borders are displayed correctly.
  • ### MacOS Catalina 10.15.7
  • | Browser | Behaviour |
  • |:------------------|:----------|
  • | Chrome 88.0.4324.150 | OK |
  • | Safari 14.0.2 | OK |
  • | Firefox 86.0.1 | OK |
  • After I wrote [this answer](https://software.codidact.com/posts/281035#answer-281035), I could notice that, when there's inline code in the last line of a paragraph, sometimes the border-bottom of the inline code text is not displayed.
  • One case is when the paragraph is followed by either a horizontal line or a code block:
  • ![inline code with border-bottom missing](https://software.codidact.com/uploads/r4TYWTv9JdkoD9j75yEqQkEu)
  • Note that the border-bottom is missing for all the inline code text, when it's in the last line of a paragraph and immediately followed by a horizontal line or a code block (in this case, it's `a`, `b c-d e/f`, `IFS` and `read`).
  • Also note from the screenshot above that between 2 paragraphs, this problem didn't happen, and the border-bottom is displayed correctly (in the image, that's `b c` and `d e`).
  • But in this question, this situation also happened as well (the problem occurred between 2 paragraphs):
  • ![problem happens between 2 paragraphs](https://software.codidact.com/uploads/PJBNDDaVk1To2fXiJc1YSgvJ)
  • And, to make things more confusing, in another part of the [linked answer](https://software.codidact.com/posts/281035#answer-281035), it happened the opposite (between 2 paragraphs, not OK, but before code block, OK):
  • ![OMG_WTF](https://software.codidact.com/uploads/2XCYja6rvYgtmMWF9BJH3zhR)
  • But at least it's OK when the inline code text is not in the paragraph's last line.
  • ---
  • This problem doesn't occur in all browsers/SO's. Please find below the tests I've made:
  • ### Windows 10 Home 64 bits
  • | Browser | Behaviour |
  • |:---------------------|:----------|
  • | Chrome 88.0.4324.190 | Not OK |
  • | Firefox 85.0.2 | OK |
  • | Edge 89.0.774.45 | Not OK |
  • ### Iphone 8 / iOS 14.4
  • | Browser | Behaviour |
  • |:--------------------|:----------|
  • | Chrome 87.0.4280.77 | Not OK |
  • | Safari | Not OK |
  • **PS**: if I rotate the phone to landscape orientation, the borders are displayed correctly.
  • ### MacOS Catalina 10.15.7
  • | Browser | Behaviour |
  • |:------------------|:----------|
  • | Chrome 88.0.4324.150 | OK |
  • | Safari 14.0.2 | OK |
  • | Firefox 86.0.1 | OK |
#11: Post edited by user avatar hkotsubo‭ · 2021-03-12T13:08:04Z (almost 4 years ago)
  • Border-bottom of inline code not displayed when paragraph is followed by horizontal line or code block
  • Border-bottom of inline code is (sometimes) not displayed when it's in the last line of a paragraph
  • After I wrote [this answer](https://software.codidact.com/posts/281035#answer-281035), I could notice that, when there's inline code in the last line of a paragraph, and that paragraph is followed by either a horizontal line or a code block, the border-bottom of the inline code text is not displayed.
  • Screenshot:
  • ![inline code with border-bottom missing](https://software.codidact.com/uploads/r4TYWTv9JdkoD9j75yEqQkEu)
  • Note that the border-bottom is missing for all the inline code text, when it's in the last line of a paragraph and immediately followed by a horizontal line or a code block (in this case, it's `a`, `b c-d e/f`, `IFS` and `read`).
  • Also note from the screenshot above that between 2 paragraphs, this problem didn't happen, and the border-bottom is displayed correctly (in the image, that's `b c` and `d e`).
  • But in this question, this situation also happened as well (the problem occurred between 2 paragraphs):
  • ![problem happens between 2 paragraphs](https://software.codidact.com/uploads/5EN81Z87zTPabKe6yWH576hC)
  • And, to make things more confusing, in another part of the [linked answer](https://software.codidact.com/posts/281035#answer-281035), it happened the opposite (between 2 paragraphs, not OK, but before code block, OK):
  • ![OMG_WTF](https://software.codidact.com/uploads/sc945nXLHqdTeRZyHVLhMFiu)
  • But at least it's OK when the inline code text is not in the paragraph's last line.
  • ---
  • This problem doesn't occur in all browsers/SO's. Please find below the tests I've made:
  • ### Windows 10 Home 64 bits
  • | Browser | Behaviour |
  • |:---------------------|:----------|
  • | Chrome 88.0.4324.190 | Not OK |
  • | Firefox 85.0.2 | OK |
  • | Edge 89.0.774.45 | Not OK |
  • ### Iphone 8 / iOS 14.4
  • | Browser | Behaviour |
  • |:--------------------|:----------|
  • | Chrome 87.0.4280.77 | Not OK |
  • | Safari | Not OK |
  • PS: if I rotate the phone to landscape orientation, the borders are displayed correctly.
  • ### MacOS Catalina 10.15.7
  • | Browser | Behaviour |
  • |:------------------|:----------|
  • | Chrome 88.0.4324.150 | OK |
  • | Safari 14.0.2 | OK |
  • | Firefox 86.0.1 | OK |
  • After I wrote [this answer](https://software.codidact.com/posts/281035#answer-281035), I could notice that, when there's inline code in the last line of a paragraph, sometimes the border-bottom of the inline code text is not displayed.
  • One case is when the paragraph is followed by either a horizontal line or a code block:
  • ![inline code with border-bottom missing](https://software.codidact.com/uploads/r4TYWTv9JdkoD9j75yEqQkEu)
  • Note that the border-bottom is missing for all the inline code text, when it's in the last line of a paragraph and immediately followed by a horizontal line or a code block (in this case, it's `a`, `b c-d e/f`, `IFS` and `read`).
  • Also note from the screenshot above that between 2 paragraphs, this problem didn't happen, and the border-bottom is displayed correctly (in the image, that's `b c` and `d e`).
  • But in this question, this situation also happened as well (the problem occurred between 2 paragraphs):
  • ![problem happens between 2 paragraphs](https://software.codidact.com/uploads/5EN81Z87zTPabKe6yWH576hC)
  • And, to make things more confusing, in another part of the [linked answer](https://software.codidact.com/posts/281035#answer-281035), it happened the opposite (between 2 paragraphs, not OK, but before code block, OK):
  • ![OMG_WTF](https://software.codidact.com/uploads/sc945nXLHqdTeRZyHVLhMFiu)
  • But at least it's OK when the inline code text is not in the paragraph's last line.
  • ---
  • This problem doesn't occur in all browsers/SO's. Please find below the tests I've made:
  • ### Windows 10 Home 64 bits
  • | Browser | Behaviour |
  • |:---------------------|:----------|
  • | Chrome 88.0.4324.190 | Not OK |
  • | Firefox 85.0.2 | OK |
  • | Edge 89.0.774.45 | Not OK |
  • ### Iphone 8 / iOS 14.4
  • | Browser | Behaviour |
  • |:--------------------|:----------|
  • | Chrome 87.0.4280.77 | Not OK |
  • | Safari | Not OK |
  • **PS**: if I rotate the phone to landscape orientation, the borders are displayed correctly.
  • ### MacOS Catalina 10.15.7
  • | Browser | Behaviour |
  • |:------------------|:----------|
  • | Chrome 88.0.4324.150 | OK |
  • | Safari 14.0.2 | OK |
  • | Firefox 86.0.1 | OK |
#10: Post edited by user avatar hkotsubo‭ · 2021-03-12T00:01:55Z (almost 4 years ago)
  • After I wrote [this answer](https://software.codidact.com/posts/281035#answer-281035), I could notice that, when there's inline code in the last line of a paragraph, and that paragraph is followed by either a horizontal line or a code block, the border-bottom of the inline code text is not displayed.
  • Screenshot:
  • ![inline code with border-bottom missing](https://software.codidact.com/uploads/r4TYWTv9JdkoD9j75yEqQkEu)
  • Note that the border-bottom is missing for all the inline code text, when it's in the last line of a paragraph and immediately followed by a horizontal line or a code block (in this case, it's `a`, `b c-d e/f`, `IFS` and `read`).
  • Also note from the screenshot above that between 2 paragraphs, this problem didn't happen, and the border-bottom is displayed correctly (in the image, that's `b c` and `d e`).
  • But in this question, this situation also happened as well (the problem occurred between 2 paragraphs):
  • ![problem happens between 2 paragraphs](https://software.codidact.com/uploads/5EN81Z87zTPabKe6yWH576hC)
  • And, to make things more confusing, in another part of the [linked answer](https://software.codidact.com/posts/281035#answer-281035), it happened the opposite (between 2 paragraphs, not OK, but before code block, OK):
  • ![OMG_WTF](https://software.codidact.com/uploads/sc945nXLHqdTeRZyHVLhMFiu)
  • But at least it's OK when the inline code text is not in the paragraph's last line.
  • ---
  • This problem doesn't occur in all browsers/SO's. Please find below the tests I've made:
  • ### Windows 10 Home 64 bits
  • | Browser | Behaviour |
  • |:---------------------|:----------|
  • | Chrome 88.0.4324.190 | Not OK |
  • | Firefox 85.0.2 | OK |
  • | Edge 89.0.774.45 | Not OK |
  • ### Iphone 8 / iOS 14.4
  • | Browser | Behaviour |
  • |:--------------------|:----------|
  • | Chrome 87.0.4280.77 | Not OK |
  • | Safari | Not OK |
  • ### MacOS Catalina 10.15.7
  • | Browser | Behaviour |
  • |:------------------|:----------|
  • | Chrome 88.0.4324.150 | OK |
  • | Safari 14.0.2 | OK |
  • | Firefox 86.0.1 | OK |
  • After I wrote [this answer](https://software.codidact.com/posts/281035#answer-281035), I could notice that, when there's inline code in the last line of a paragraph, and that paragraph is followed by either a horizontal line or a code block, the border-bottom of the inline code text is not displayed.
  • Screenshot:
  • ![inline code with border-bottom missing](https://software.codidact.com/uploads/r4TYWTv9JdkoD9j75yEqQkEu)
  • Note that the border-bottom is missing for all the inline code text, when it's in the last line of a paragraph and immediately followed by a horizontal line or a code block (in this case, it's `a`, `b c-d e/f`, `IFS` and `read`).
  • Also note from the screenshot above that between 2 paragraphs, this problem didn't happen, and the border-bottom is displayed correctly (in the image, that's `b c` and `d e`).
  • But in this question, this situation also happened as well (the problem occurred between 2 paragraphs):
  • ![problem happens between 2 paragraphs](https://software.codidact.com/uploads/5EN81Z87zTPabKe6yWH576hC)
  • And, to make things more confusing, in another part of the [linked answer](https://software.codidact.com/posts/281035#answer-281035), it happened the opposite (between 2 paragraphs, not OK, but before code block, OK):
  • ![OMG_WTF](https://software.codidact.com/uploads/sc945nXLHqdTeRZyHVLhMFiu)
  • But at least it's OK when the inline code text is not in the paragraph's last line.
  • ---
  • This problem doesn't occur in all browsers/SO's. Please find below the tests I've made:
  • ### Windows 10 Home 64 bits
  • | Browser | Behaviour |
  • |:---------------------|:----------|
  • | Chrome 88.0.4324.190 | Not OK |
  • | Firefox 85.0.2 | OK |
  • | Edge 89.0.774.45 | Not OK |
  • ### Iphone 8 / iOS 14.4
  • | Browser | Behaviour |
  • |:--------------------|:----------|
  • | Chrome 87.0.4280.77 | Not OK |
  • | Safari | Not OK |
  • PS: if I rotate the phone to landscape orientation, the borders are displayed correctly.
  • ### MacOS Catalina 10.15.7
  • | Browser | Behaviour |
  • |:------------------|:----------|
  • | Chrome 88.0.4324.150 | OK |
  • | Safari 14.0.2 | OK |
  • | Firefox 86.0.1 | OK |
#9: Post edited by user avatar hkotsubo‭ · 2021-03-11T23:36:24Z (almost 4 years ago)
  • After I wrote [this answer](https://software.codidact.com/posts/281035#answer-281035), I could notice that, when there's inline code in the last line of a paragraph, and that paragraph is followed by either a horizontal line or a code block, the border-bottom of the inline code text is not displayed.
  • Screenshot:
  • ![inline code with border-bottom missing](https://software.codidact.com/uploads/r4TYWTv9JdkoD9j75yEqQkEu)
  • Note that the border-bottom is missing for all the inline code text, when it's in the last line of a paragraph and immediately followed by a horizontal line or a code block (in this case, it's `a`, `b c-d e/f`, `IFS` and `read`).
  • Also note from the screenshot above that between 2 paragraphs, this problem didn't happen, and the border-bottom is displayed correctly (in the image, that's `b c` and `d e`).
  • But in this question, this situation also happened as well (the problem occurred between 2 paragraphs):
  • ![problem happens between 2 paragraphs](https://software.codidact.com/uploads/5EN81Z87zTPabKe6yWH576hC)
  • And, to make things more confusing, in another part of the [linked answer](https://software.codidact.com/posts/281035#answer-281035), it happened the opposite (between 2 paragraphs, not OK, but before code block, OK):
  • ![OMG_WTF](https://software.codidact.com/uploads/sc945nXLHqdTeRZyHVLhMFiu)
  • But at least it's OK when the inline code text is not in the paragraph's last line.
  • ---
  • This problem doesn't occur in all browsers/SO's. Please find below the tests I've made:
  • ### Windows 10 Home 64 bits
  • | Browser | Behaviour |
  • |:---------------------|:----------|
  • | Chrome 88.0.4324.190 | Not OK |
  • | Firefox 85.0.2 | OK |
  • | Edge 89.0.774.45 | Not OK |
  • ### Iphone 8 / iOS 14.4
  • | Browser | Behaviour |
  • |:--------------------|:----------|
  • | Chrome 87.0.4280.77 | Not OK |
  • | Safari | Not OK |
  • ### MacOS Catalina 10.15.7
  • | Browser | Behaviour |
  • |:------------------|:----------|
  • | chr 88.0.4324.150 | OK |
  • | safari 14.0.2 | OK |
  • | firefox 86.0.1 | OK |
  • After I wrote [this answer](https://software.codidact.com/posts/281035#answer-281035), I could notice that, when there's inline code in the last line of a paragraph, and that paragraph is followed by either a horizontal line or a code block, the border-bottom of the inline code text is not displayed.
  • Screenshot:
  • ![inline code with border-bottom missing](https://software.codidact.com/uploads/r4TYWTv9JdkoD9j75yEqQkEu)
  • Note that the border-bottom is missing for all the inline code text, when it's in the last line of a paragraph and immediately followed by a horizontal line or a code block (in this case, it's `a`, `b c-d e/f`, `IFS` and `read`).
  • Also note from the screenshot above that between 2 paragraphs, this problem didn't happen, and the border-bottom is displayed correctly (in the image, that's `b c` and `d e`).
  • But in this question, this situation also happened as well (the problem occurred between 2 paragraphs):
  • ![problem happens between 2 paragraphs](https://software.codidact.com/uploads/5EN81Z87zTPabKe6yWH576hC)
  • And, to make things more confusing, in another part of the [linked answer](https://software.codidact.com/posts/281035#answer-281035), it happened the opposite (between 2 paragraphs, not OK, but before code block, OK):
  • ![OMG_WTF](https://software.codidact.com/uploads/sc945nXLHqdTeRZyHVLhMFiu)
  • But at least it's OK when the inline code text is not in the paragraph's last line.
  • ---
  • This problem doesn't occur in all browsers/SO's. Please find below the tests I've made:
  • ### Windows 10 Home 64 bits
  • | Browser | Behaviour |
  • |:---------------------|:----------|
  • | Chrome 88.0.4324.190 | Not OK |
  • | Firefox 85.0.2 | OK |
  • | Edge 89.0.774.45 | Not OK |
  • ### Iphone 8 / iOS 14.4
  • | Browser | Behaviour |
  • |:--------------------|:----------|
  • | Chrome 87.0.4280.77 | Not OK |
  • | Safari | Not OK |
  • ### MacOS Catalina 10.15.7
  • | Browser | Behaviour |
  • |:------------------|:----------|
  • | Chrome 88.0.4324.150 | OK |
  • | Safari 14.0.2 | OK |
  • | Firefox 86.0.1 | OK |
#8: Post edited by user avatar hkotsubo‭ · 2021-03-11T18:46:33Z (almost 4 years ago)
  • After I wrote [this answer](https://software.codidact.com/posts/281035#answer-281035), I could notice that, when there's inline code in the last line of a paragraph, and that paragraph is followed by either a horizontal line or a code block, the border-bottom of the inline code text is not displayed.
  • Screenshot:
  • ![inline code with border-bottom missing](https://software.codidact.com/uploads/r4TYWTv9JdkoD9j75yEqQkEu)
  • Note that the border-bottom is missing for all the inline code text, when it's in the last line of a paragraph and immediately followed by a horizontal line or a code block (in this case, it's `a`, `b c-d e/f`, `IFS` and `read`).
  • Also note from the screenshot above that between 2 paragraphs, this problem didn't happen, and the border-bottom is displayed correctly (in the image, that's `b c` and `d e`).
  • But in this question, this situation also happened as well (the problem occurred between 2 paragraphs):
  • ![problem happens between 2 paragraphs](https://software.codidact.com/uploads/5EN81Z87zTPabKe6yWH576hC)
  • And, to make things more confusing, in another part of the [linked answer](https://software.codidact.com/posts/281035#answer-281035), it happened the opposite (between 2 paragraphs, not OK, but before code block, OK):
  • ![OMG_WTF](https://software.codidact.com/uploads/sc945nXLHqdTeRZyHVLhMFiu)
  • But at least it's OK when the inline code text is not in the paragraph's last line.
  • ---
  • This problem doesn't occur in all browsers/SO's. Please find below the tests I've made:
  • ### Windows 10 Home 64 bits
  • | Browser | Behaviour |
  • |:---------------------|:----------|
  • | Chrome 88.0.4324.190 | Not OK |
  • | Firefox 85.0.2 | OK |
  • | Edge 89.0.774.45 | Not OK |
  • ### Iphone 8 / IOS 14.4
  • | Browser | Behaviour |
  • |:--------------------|:----------|
  • | Chrome 87.0.4280.77 | Not OK |
  • | Safari | Not OK |
  • ### MacOS Catalina 10.15.7
  • | Browser | Behaviour |
  • |:------------------|:----------|
  • | chr 88.0.4324.150 | OK |
  • | safari 14.0.2 | OK |
  • | firefox 86.0.1 | OK |
  • After I wrote [this answer](https://software.codidact.com/posts/281035#answer-281035), I could notice that, when there's inline code in the last line of a paragraph, and that paragraph is followed by either a horizontal line or a code block, the border-bottom of the inline code text is not displayed.
  • Screenshot:
  • ![inline code with border-bottom missing](https://software.codidact.com/uploads/r4TYWTv9JdkoD9j75yEqQkEu)
  • Note that the border-bottom is missing for all the inline code text, when it's in the last line of a paragraph and immediately followed by a horizontal line or a code block (in this case, it's `a`, `b c-d e/f`, `IFS` and `read`).
  • Also note from the screenshot above that between 2 paragraphs, this problem didn't happen, and the border-bottom is displayed correctly (in the image, that's `b c` and `d e`).
  • But in this question, this situation also happened as well (the problem occurred between 2 paragraphs):
  • ![problem happens between 2 paragraphs](https://software.codidact.com/uploads/5EN81Z87zTPabKe6yWH576hC)
  • And, to make things more confusing, in another part of the [linked answer](https://software.codidact.com/posts/281035#answer-281035), it happened the opposite (between 2 paragraphs, not OK, but before code block, OK):
  • ![OMG_WTF](https://software.codidact.com/uploads/sc945nXLHqdTeRZyHVLhMFiu)
  • But at least it's OK when the inline code text is not in the paragraph's last line.
  • ---
  • This problem doesn't occur in all browsers/SO's. Please find below the tests I've made:
  • ### Windows 10 Home 64 bits
  • | Browser | Behaviour |
  • |:---------------------|:----------|
  • | Chrome 88.0.4324.190 | Not OK |
  • | Firefox 85.0.2 | OK |
  • | Edge 89.0.774.45 | Not OK |
  • ### Iphone 8 / iOS 14.4
  • | Browser | Behaviour |
  • |:--------------------|:----------|
  • | Chrome 87.0.4280.77 | Not OK |
  • | Safari | Not OK |
  • ### MacOS Catalina 10.15.7
  • | Browser | Behaviour |
  • |:------------------|:----------|
  • | chr 88.0.4324.150 | OK |
  • | safari 14.0.2 | OK |
  • | firefox 86.0.1 | OK |
#7: Post edited by user avatar hkotsubo‭ · 2021-03-11T18:45:48Z (almost 4 years ago)
  • After I wrote [this answer](https://software.codidact.com/posts/281035#answer-281035), I could notice that, when there's inline code in the last line of a paragraph, and that paragraph is followed by either a horizontal line or a code block, the border-bottom of the inline code text is not displayed.
  • Screenshot:
  • ![inline code with border-bottom missing](https://software.codidact.com/uploads/r4TYWTv9JdkoD9j75yEqQkEu)
  • Note that the border-bottom is missing for all the inline code text, when it's in the last line of a paragraph and immediately followed by a horizontal line or a code block (in this case, it's `a`, `b c-d e/f`, `IFS` and `read`).
  • Also note from the screenshot above that between 2 paragraphs, this problem didn't happen, and the border-bottom is displayed correctly (in the image, that's `b c` and `d e`).
  • But in this question, this also happened as well:
  • ![problem happens between 2 paragraphs](https://software.codidact.com/uploads/5EN81Z87zTPabKe6yWH576hC)
  • And, to make things more confusing, in another part of the linked answer, it happened the opposite (between 2 paragraphs, not OK, but before code block, OK):
  • ![OMG_WTF](https://software.codidact.com/uploads/sc945nXLHqdTeRZyHVLhMFiu)
  • But at least it's also ok when the inline code text is not in the paragraph's last line.
  • ---
  • This problem doesn't occur in all browsers/SO's. Please find below the tests I've made:
  • ### Windows 10 Home 64 bits
  • | Browser | Behaviour |
  • |:---------------------|:----------|
  • | Chrome 88.0.4324.190 | Not OK |
  • | Firefox 85.0.2 | OK |
  • | Edge 89.0.774.45 | Not OK |
  • ### Iphone 8 / IOS 14.4
  • | Browser | Behaviour |
  • |:--------------------|:----------|
  • | Chrome 87.0.4280.77 | Not OK |
  • | Safari | Not OK |
  • ### MacOS Catalina 10.15.7
  • | Browser | Behaviour |
  • |:------------------|:----------|
  • | chr 88.0.4324.150 | OK |
  • | safari 14.0.2 | OK |
  • | firefox 86.0.1 | OK |
  • After I wrote [this answer](https://software.codidact.com/posts/281035#answer-281035), I could notice that, when there's inline code in the last line of a paragraph, and that paragraph is followed by either a horizontal line or a code block, the border-bottom of the inline code text is not displayed.
  • Screenshot:
  • ![inline code with border-bottom missing](https://software.codidact.com/uploads/r4TYWTv9JdkoD9j75yEqQkEu)
  • Note that the border-bottom is missing for all the inline code text, when it's in the last line of a paragraph and immediately followed by a horizontal line or a code block (in this case, it's `a`, `b c-d e/f`, `IFS` and `read`).
  • Also note from the screenshot above that between 2 paragraphs, this problem didn't happen, and the border-bottom is displayed correctly (in the image, that's `b c` and `d e`).
  • But in this question, this situation also happened as well (the problem occurred between 2 paragraphs):
  • ![problem happens between 2 paragraphs](https://software.codidact.com/uploads/5EN81Z87zTPabKe6yWH576hC)
  • And, to make things more confusing, in another part of the [linked answer](https://software.codidact.com/posts/281035#answer-281035), it happened the opposite (between 2 paragraphs, not OK, but before code block, OK):
  • ![OMG_WTF](https://software.codidact.com/uploads/sc945nXLHqdTeRZyHVLhMFiu)
  • But at least it's OK when the inline code text is not in the paragraph's last line.
  • ---
  • This problem doesn't occur in all browsers/SO's. Please find below the tests I've made:
  • ### Windows 10 Home 64 bits
  • | Browser | Behaviour |
  • |:---------------------|:----------|
  • | Chrome 88.0.4324.190 | Not OK |
  • | Firefox 85.0.2 | OK |
  • | Edge 89.0.774.45 | Not OK |
  • ### Iphone 8 / IOS 14.4
  • | Browser | Behaviour |
  • |:--------------------|:----------|
  • | Chrome 87.0.4280.77 | Not OK |
  • | Safari | Not OK |
  • ### MacOS Catalina 10.15.7
  • | Browser | Behaviour |
  • |:------------------|:----------|
  • | chr 88.0.4324.150 | OK |
  • | safari 14.0.2 | OK |
  • | firefox 86.0.1 | OK |
#6: Post edited by user avatar hkotsubo‭ · 2021-03-11T18:32:29Z (almost 4 years ago)
  • After I wrote [this answer](https://software.codidact.com/posts/281035#answer-281035), I could notice that, when there's inline code in the last line of a paragraph, and that paragraph is followed by either a horizontal line or a code block, the border-bottom of the inline code text is not displayed.
  • Screenshot:
  • ![inline code with border-bottom missing](https://software.codidact.com/uploads/r4TYWTv9JdkoD9j75yEqQkEu)
  • Note that the border-bottom is missing for all the inline code text, when it's in the last line of a paragraph and immediately followed by a horizontal line or a code block (in this case, it's `a`, `b c-d e/f`, `IFS` and `read`).
  • Also note from the screenshot above that between 2 paragraphs, this problem didn't happen, and the border-bottom is displayed correctly (in the image, that's `b c` and `d e`).
  • But in the previous version of this question, this also happened as well:
  • ![problem happens between 2 paragraphs](https://software.codidact.com/uploads/5EN81Z87zTPabKe6yWH576hC)
  • And, to make things more confusing, in another part of the linked answer, it happened the opposite (between 2 paragraphs, not OK, but before code block, OK):
  • ![OMG_WTF](https://software.codidact.com/uploads/sc945nXLHqdTeRZyHVLhMFiu)
  • But at least it's also ok when the inline code text is not in the paragraph's last line.
  • ---
  • This problem doesn't occur in all browsers/SO's. Please find below the tests I've made:
  • ### Windows 10 Home 64 bits
  • | Browser | Behaviour |
  • |:---------------------|:----------|
  • | Chrome 88.0.4324.190 | Not OK |
  • | Firefox 85.0.2 | OK |
  • | Edge 89.0.774.45 | Not OK |
  • ### Iphone 8 / IOS 14.4
  • | Browser | Behaviour |
  • |:--------------------|:----------|
  • | Chrome 87.0.4280.77 | Not OK |
  • | Safari | Not OK |
  • ### MacOS Catalina 10.15.7
  • | Browser | Behaviour |
  • |:------------------|:----------|
  • | chr 88.0.4324.150 | OK |
  • | safari 14.0.2 | OK |
  • | firefox 86.0.1 | OK |
  • After I wrote [this answer](https://software.codidact.com/posts/281035#answer-281035), I could notice that, when there's inline code in the last line of a paragraph, and that paragraph is followed by either a horizontal line or a code block, the border-bottom of the inline code text is not displayed.
  • Screenshot:
  • ![inline code with border-bottom missing](https://software.codidact.com/uploads/r4TYWTv9JdkoD9j75yEqQkEu)
  • Note that the border-bottom is missing for all the inline code text, when it's in the last line of a paragraph and immediately followed by a horizontal line or a code block (in this case, it's `a`, `b c-d e/f`, `IFS` and `read`).
  • Also note from the screenshot above that between 2 paragraphs, this problem didn't happen, and the border-bottom is displayed correctly (in the image, that's `b c` and `d e`).
  • But in this question, this also happened as well:
  • ![problem happens between 2 paragraphs](https://software.codidact.com/uploads/5EN81Z87zTPabKe6yWH576hC)
  • And, to make things more confusing, in another part of the linked answer, it happened the opposite (between 2 paragraphs, not OK, but before code block, OK):
  • ![OMG_WTF](https://software.codidact.com/uploads/sc945nXLHqdTeRZyHVLhMFiu)
  • But at least it's also ok when the inline code text is not in the paragraph's last line.
  • ---
  • This problem doesn't occur in all browsers/SO's. Please find below the tests I've made:
  • ### Windows 10 Home 64 bits
  • | Browser | Behaviour |
  • |:---------------------|:----------|
  • | Chrome 88.0.4324.190 | Not OK |
  • | Firefox 85.0.2 | OK |
  • | Edge 89.0.774.45 | Not OK |
  • ### Iphone 8 / IOS 14.4
  • | Browser | Behaviour |
  • |:--------------------|:----------|
  • | Chrome 87.0.4280.77 | Not OK |
  • | Safari | Not OK |
  • ### MacOS Catalina 10.15.7
  • | Browser | Behaviour |
  • |:------------------|:----------|
  • | chr 88.0.4324.150 | OK |
  • | safari 14.0.2 | OK |
  • | firefox 86.0.1 | OK |
#5: Post edited by user avatar hkotsubo‭ · 2021-03-11T18:31:03Z (almost 4 years ago)
  • After I wrote [this answer](https://software.codidact.com/posts/281035#answer-281035), I could notice that, when there's inline code in the last line of a paragraph, and that paragraph is followed by either a horizontal line or a code block, the border-bottom of the inline code text is not displayed.
  • Screenshot:
  • ![inline code with border-bottom missing](https://software.codidact.com/uploads/r4TYWTv9JdkoD9j75yEqQkEu)
  • Note that the border-bottom is missing for all the inline code text, when it's in the last line of a paragraph and immediately followed by a horizontal line or a code block (in this case, it's `a`, `b c-d e/f`, `IFS` and `read`).
  • Also note that between 2 paragraphs, this problem doesn't happen, and the border-bottom is displayed correctly (in the image, that's `b c` and `d e`). And it's also ok when the inline code text is not in the paragraph's last line.
  • ---
  • This problem doesn't occur in all browsers/SO's. Please find below the tests I've made:
  • ### Windows 10 Home 64 bits
  • | Browser | Behaviour |
  • |:---------------------|:----------|
  • | Chrome 88.0.4324.190 | Not OK |
  • | Firefox 85.0.2 | OK |
  • | Edge 89.0.774.45 | Not OK |
  • ### Iphone 8 / IOS 14.4
  • | Browser | Behaviour |
  • |:--------------------|:----------|
  • | Chrome 87.0.4280.77 | Not OK |
  • | Safari | Not OK |
  • ### MacOS Catalina 10.15.7
  • | Browser | Behaviour |
  • |:------------------|:----------|
  • | chr 88.0.4324.150 | OK |
  • | safari 14.0.2 | OK |
  • | firefox 86.0.1 | OK |
  • After I wrote [this answer](https://software.codidact.com/posts/281035#answer-281035), I could notice that, when there's inline code in the last line of a paragraph, and that paragraph is followed by either a horizontal line or a code block, the border-bottom of the inline code text is not displayed.
  • Screenshot:
  • ![inline code with border-bottom missing](https://software.codidact.com/uploads/r4TYWTv9JdkoD9j75yEqQkEu)
  • Note that the border-bottom is missing for all the inline code text, when it's in the last line of a paragraph and immediately followed by a horizontal line or a code block (in this case, it's `a`, `b c-d e/f`, `IFS` and `read`).
  • Also note from the screenshot above that between 2 paragraphs, this problem didn't happen, and the border-bottom is displayed correctly (in the image, that's `b c` and `d e`).
  • But in the previous version of this question, this also happened as well:
  • ![problem happens between 2 paragraphs](https://software.codidact.com/uploads/5EN81Z87zTPabKe6yWH576hC)
  • And, to make things more confusing, in another part of the linked answer, it happened the opposite (between 2 paragraphs, not OK, but before code block, OK):
  • ![OMG_WTF](https://software.codidact.com/uploads/sc945nXLHqdTeRZyHVLhMFiu)
  • But at least it's also ok when the inline code text is not in the paragraph's last line.
  • ---
  • This problem doesn't occur in all browsers/SO's. Please find below the tests I've made:
  • ### Windows 10 Home 64 bits
  • | Browser | Behaviour |
  • |:---------------------|:----------|
  • | Chrome 88.0.4324.190 | Not OK |
  • | Firefox 85.0.2 | OK |
  • | Edge 89.0.774.45 | Not OK |
  • ### Iphone 8 / IOS 14.4
  • | Browser | Behaviour |
  • |:--------------------|:----------|
  • | Chrome 87.0.4280.77 | Not OK |
  • | Safari | Not OK |
  • ### MacOS Catalina 10.15.7
  • | Browser | Behaviour |
  • |:------------------|:----------|
  • | chr 88.0.4324.150 | OK |
  • | safari 14.0.2 | OK |
  • | firefox 86.0.1 | OK |
#4: Post edited by user avatar hkotsubo‭ · 2021-03-11T18:23:52Z (almost 4 years ago)
  • After I wrote [this answer](https://software.codidact.com/posts/281035#answer-281035), I could notice that, when there's inline code in the last line of a paragraph, and that paragraph is followed by either a horizontal line or a code block, the border-bottom of the inline code text is not displayed.
  • Screenshot:
  • ![inline code with border-bottom missing](https://software.codidact.com/uploads/r4TYWTv9JdkoD9j75yEqQkEu)
  • Note that the border-bottom is missing for all the inline code text, when it's in the last line of a paragraph and immediately followed by a horizontal line or a code block (in this case, it's `a`, `b c-d e/f`, `IFS` and `read`).
  • Also note that between 2 paragraphs, this problem doesn't happen, and the border-bottom is displayed correctly (in the image, that's `b c` and `d e`). And it's also ok when the inline code text is not in the paragraph's last line.
  • ---
  • This problem doesn't occur in all browsers/SO's. Please find below the tests I've made:
  • - Windows 10 Home 64 bits
  • | Browser | Behaviour |
  • |:---------------------|:----------|
  • | Chrome 88.0.4324.190 | Not OK |
  • | Firefox 85.0.2 | OK |
  • | Edge 89.0.774.45 | Not OK |
  • - Iphone 8 / IOS 14.4
  • | Browser | Behaviour |
  • |:--------------------|:----------|
  • | Chrome 87.0.4280.77 | Not OK |
  • | Safari | Not OK |
  • - MacOS Catalina 10.15.7
  • | Browser | Behaviour |
  • |:------------------|:----------|
  • | chr 88.0.4324.150 | OK |
  • | safari 14.0.2 | OK |
  • | firefox 86.0.1 | OK |
  • After I wrote [this answer](https://software.codidact.com/posts/281035#answer-281035), I could notice that, when there's inline code in the last line of a paragraph, and that paragraph is followed by either a horizontal line or a code block, the border-bottom of the inline code text is not displayed.
  • Screenshot:
  • ![inline code with border-bottom missing](https://software.codidact.com/uploads/r4TYWTv9JdkoD9j75yEqQkEu)
  • Note that the border-bottom is missing for all the inline code text, when it's in the last line of a paragraph and immediately followed by a horizontal line or a code block (in this case, it's `a`, `b c-d e/f`, `IFS` and `read`).
  • Also note that between 2 paragraphs, this problem doesn't happen, and the border-bottom is displayed correctly (in the image, that's `b c` and `d e`). And it's also ok when the inline code text is not in the paragraph's last line.
  • ---
  • This problem doesn't occur in all browsers/SO's. Please find below the tests I've made:
  • ### Windows 10 Home 64 bits
  • | Browser | Behaviour |
  • |:---------------------|:----------|
  • | Chrome 88.0.4324.190 | Not OK |
  • | Firefox 85.0.2 | OK |
  • | Edge 89.0.774.45 | Not OK |
  • ### Iphone 8 / IOS 14.4
  • | Browser | Behaviour |
  • |:--------------------|:----------|
  • | Chrome 87.0.4280.77 | Not OK |
  • | Safari | Not OK |
  • ### MacOS Catalina 10.15.7
  • | Browser | Behaviour |
  • |:------------------|:----------|
  • | chr 88.0.4324.150 | OK |
  • | safari 14.0.2 | OK |
  • | firefox 86.0.1 | OK |
#3: Post edited by user avatar hkotsubo‭ · 2021-03-11T18:22:20Z (almost 4 years ago)
  • After I wrote [this answer](https://software.codidact.com/posts/281035#answer-281035), I could notice that, when there's inline code in the last line of a paragraph, and that paragraph is followed by either a horizontal line or a code block, the border-bottom of the inline code text is not displayed.
  • Screenshot:
  • ![inline code with border-bottom missing](https://software.codidact.com/uploads/r4TYWTv9JdkoD9j75yEqQkEu)
  • Note that the border-bottom is missing for all the inline code text, when it's in the last line of a paragraph and immediately followed by a horizontal line or a code block (in this case, it's `a`, `b c-d e/f`, `IFS` and `read`).
  • Also note that between 2 paragraphs, this problem doesn't happen, and the border-bottom is displayed correctly (in the image, that's `b c` and `d e`). And it's also ok when the inline code text is not in the paragraph's last line.
  • ---
  • This problem doesn't occur in all browsers/SO's. Please find below the tests I've made:
  • - Windows 10
  • | Browser | Behaviour |
  • |:---------------------|:----------|
  • | Chrome 88.0.4324.190 | Not OK |
  • | Firefox 85.0.2 | OK |
  • | Edge 89.0.774.45 | Not OK |
  • - Iphone 8 IOS 14.4
  • | Browser | Behaviour |
  • |:--------------------|:----------|
  • | Chrome 87.0.4280.77 | Not OK |
  • | Safari | Not OK |
  • - MacOS Catalina 10.15.7
  • | Browser | Behaviour |
  • |:------------------|:----------|
  • | chr 88.0.4324.150 | OK |
  • | safari 14.0.2 | OK |
  • | firefox 86.0.1 | OK |
  • After I wrote [this answer](https://software.codidact.com/posts/281035#answer-281035), I could notice that, when there's inline code in the last line of a paragraph, and that paragraph is followed by either a horizontal line or a code block, the border-bottom of the inline code text is not displayed.
  • Screenshot:
  • ![inline code with border-bottom missing](https://software.codidact.com/uploads/r4TYWTv9JdkoD9j75yEqQkEu)
  • Note that the border-bottom is missing for all the inline code text, when it's in the last line of a paragraph and immediately followed by a horizontal line or a code block (in this case, it's `a`, `b c-d e/f`, `IFS` and `read`).
  • Also note that between 2 paragraphs, this problem doesn't happen, and the border-bottom is displayed correctly (in the image, that's `b c` and `d e`). And it's also ok when the inline code text is not in the paragraph's last line.
  • ---
  • This problem doesn't occur in all browsers/SO's. Please find below the tests I've made:
  • - Windows 10 Home 64 bits
  • | Browser | Behaviour |
  • |:---------------------|:----------|
  • | Chrome 88.0.4324.190 | Not OK |
  • | Firefox 85.0.2 | OK |
  • | Edge 89.0.774.45 | Not OK |
  • - Iphone 8 / IOS 14.4
  • | Browser | Behaviour |
  • |:--------------------|:----------|
  • | Chrome 87.0.4280.77 | Not OK |
  • | Safari | Not OK |
  • - MacOS Catalina 10.15.7
  • | Browser | Behaviour |
  • |:------------------|:----------|
  • | chr 88.0.4324.150 | OK |
  • | safari 14.0.2 | OK |
  • | firefox 86.0.1 | OK |
#2: Post edited by user avatar hkotsubo‭ · 2021-03-11T18:19:59Z (almost 4 years ago)
  • After I wrote [this answer](https://software.codidact.com/posts/281035#answer-281035), I could notice that, when there's inline code in the last line of a paragraph, and that paragraph is followed by either a horizontal line or a code block, the border-bottom of the inline code text is not displayed.
  • Screenshot:
  • ![inline code with border-bottom missing](https://software.codidact.com/uploads/r4TYWTv9JdkoD9j75yEqQkEu)
  • Note that the border-bottom is missing for all the inline code text that's immediately followed by a horizontal line or a code block (in this case, it's `a`, `b c-d e/f`, `IFS` and `read`).
  • Also note that between 2 paragraphs, this problem doesn't happen, and the border-bottom is displayed correctly (in the image, that's `b c` and `d e`). And it's also ok when the inline code text is not in the paragraph's last line.
  • ---
  • This problem doesn't occur in all browsers/SO's. Please find below the tests I've made:
  • - Windows 10
  • | Browser | Behaviour |
  • |:---------------------|:----------|
  • | Chrome 88.0.4324.190 | Not OK |
  • | Firefox 85.0.2 | OK |
  • | Edge 89.0.774.45 | Not OK |
  • - Iphone 8 IOS 14.4
  • | Browser | Behaviour |
  • |:--------------------|:----------|
  • | Chrome 87.0.4280.77 | Not OK |
  • | Safari | Not OK |
  • - MacOS Catalina 10.15.7
  • | Browser | Behaviour |
  • |:------------------|:----------|
  • | chr 88.0.4324.150 | OK |
  • | safari 14.0.2 | OK |
  • | firefox 86.0.1 | OK |
  • After I wrote [this answer](https://software.codidact.com/posts/281035#answer-281035), I could notice that, when there's inline code in the last line of a paragraph, and that paragraph is followed by either a horizontal line or a code block, the border-bottom of the inline code text is not displayed.
  • Screenshot:
  • ![inline code with border-bottom missing](https://software.codidact.com/uploads/r4TYWTv9JdkoD9j75yEqQkEu)
  • Note that the border-bottom is missing for all the inline code text, when it's in the last line of a paragraph and immediately followed by a horizontal line or a code block (in this case, it's `a`, `b c-d e/f`, `IFS` and `read`).
  • Also note that between 2 paragraphs, this problem doesn't happen, and the border-bottom is displayed correctly (in the image, that's `b c` and `d e`). And it's also ok when the inline code text is not in the paragraph's last line.
  • ---
  • This problem doesn't occur in all browsers/SO's. Please find below the tests I've made:
  • - Windows 10
  • | Browser | Behaviour |
  • |:---------------------|:----------|
  • | Chrome 88.0.4324.190 | Not OK |
  • | Firefox 85.0.2 | OK |
  • | Edge 89.0.774.45 | Not OK |
  • - Iphone 8 IOS 14.4
  • | Browser | Behaviour |
  • |:--------------------|:----------|
  • | Chrome 87.0.4280.77 | Not OK |
  • | Safari | Not OK |
  • - MacOS Catalina 10.15.7
  • | Browser | Behaviour |
  • |:------------------|:----------|
  • | chr 88.0.4324.150 | OK |
  • | safari 14.0.2 | OK |
  • | firefox 86.0.1 | OK |
#1: Initial revision by user avatar hkotsubo‭ · 2021-03-11T18:18:27Z (almost 4 years ago) 
Border-bottom of inline code not displayed when paragraph is followed by horizontal line or code block
After I wrote [this answer](https://software.codidact.com/posts/281035#answer-281035), I could notice that, when there's inline code in the last line of a paragraph, and that paragraph is followed by either a horizontal line or a code block, the border-bottom of the inline code text is not displayed.

Screenshot:

![inline code with border-bottom missing](https://software.codidact.com/uploads/r4TYWTv9JdkoD9j75yEqQkEu)

Note that the border-bottom is missing for all the inline code text that's immediately followed by a horizontal line or a code block (in this case, it's `a`, `b c-d e/f`, `IFS` and `read`).

Also note that between 2 paragraphs, this problem doesn't happen, and the border-bottom is displayed correctly (in the image, that's `b c` and `d e`). And it's also ok when the inline code text is not in the paragraph's last line.

---
This problem doesn't occur in all browsers/SO's. Please find below the tests I've made:

- Windows 10

| Browser              | Behaviour |
|:---------------------|:----------|
| Chrome 88.0.4324.190 | Not OK    |
| Firefox 85.0.2       | OK        |
| Edge 89.0.774.45     | Not OK    |

- Iphone 8 IOS 14.4

| Browser             | Behaviour |
|:--------------------|:----------|
| Chrome 87.0.4280.77 | Not OK    |
| Safari              | Not OK    |


- MacOS Catalina 10.15.7

| Browser           | Behaviour |
|:------------------|:----------|
| chr 88.0.4324.150 | OK        |
| safari 14.0.2     | OK        |
| firefox 86.0.1    | OK        |
bug code-formatting