New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

:before element with padding/margin is pushing text to new line #19405

Open

ocerman opened this issue Nov 28, 2017 · 1 comment

Labels

A-layout/uncategorized C-has-manual-testcase

Projects

Useful layout issues

ocerman commented Nov 28, 2017

It only happends when parent has property display set to inline-block and :before element has padding-right or margin-right.

<!DOCTYPE html>
<html>
	<head>
		<style>
			div{
				display: inline-block;
				background: lightgrey;
				padding: 1em;
			}
			
			div:before{
				content: '>';
				padding-right: 1em; /* or margin-right: 1em; */
			}
		</style>
	</head>
	<body>
		<div>Servo</div>
	</body>
</html>

The text was updated successfully, but these errors were encountered:

jdm added A-layout/uncategorized C-has-manual-testcase labels

Member

CYBAI commented Feb 4, 2018

I cannot reproduce the issue with latest upstream master (7c112c7)

Instead, I think padding of the div is not shown correctly.

jdm added this to To do in Useful layout issues via automation

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment