StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POIn CSS, what is a better way of forcing a line break after an element than making it a block element?
primarykey
Id
3759132
data
AcceptedAnswerId
3759184
AnswerCount
6
ClosedDate
CommentCount
3
CommunityOwnedDate
CreationDate
2010-09-21T09:55:27.160
FavoriteCount
1
LastActivityDate
2016-03-24T14:17:34.767
LastEditDate
2010-09-21T10:03:54.607
LastEditorUserId
20578
OwnerUserId
98389
ParentId
0
PostTypeId
1
Score
16
ViewCount
15561
LastEditorDisplayName
text
Body
I have an H3 heading that I'd like to style as having a particular background color, but without having the element's background take up the full width of the parent element. Seeing as H3 is by default a block element, my style would need to change the element to an inline-block element, or just an inline inline element like so: <pre><code>h3 { background-color: #333; color: white; display: inline-block; } </code></pre> This will work fine, but only if it is immediately followed by a block element. I do not want to change the markup just to cater for this style, so I was wondering if there is a way to cause any adjacent element, irrespective of how it displays, to start on the next line? Assume I can use CSS3.
Tags
<css><css3>
Title
In CSS, what is a better way of forcing a line break after an element than making it a block element?
singulars
PostAcceptedAnswerId
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USPaul D. Waite
UserOwnerUserId
1. USNathan Ridley
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
2. PO
 singulars
 PostTypePostTypeId
 PTAnswer
3. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 POIn CSS, what is a better way of forcing a line break after an element than making it a block element?
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
2. VO
 singulars
 PostPostId
 POIn CSS, what is a better way of forcing a line break after an element than making it a block element?
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
3. VO
 singulars
 PostPostId
 POIn CSS, what is a better way of forcing a line break after an element than making it a block element?
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
CommentsPostId
1. COAnyway, why 'what is a better way ... than making it a block element'? What is not good about making it a block element?
 singulars
 PostPostId
 POIn CSS, what is a better way of forcing a line break after an element than making it a block element?
 UserUserId
 USStephan Muller
2. CO@Litso - I explained this in my question. A block element takes up the full width of the parent element, which would mess up the styling that I am going for.
 singulars
 PostPostId
 POIn CSS, what is a better way of forcing a line break after an element than making it a block element?
 UserUserId
 USNathan Ridley

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.