Skip to content

Instantly share code, notes, and snippets.

@rogierslag

rogierslag/center.html

Created April 16, 2019 08:40
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save rogierslag/64675402f00bae6597b7132338143044 to your computer and use it in GitHub Desktop.
Save rogierslag/64675402f00bae6597b7132338143044 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
center.html
<html>
<head>
<style>
body {
width: 500px;
border: 1px solid red;
}
.block {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: nowrap;
justify-content: center;
}
.image {
height: 30px;
margin-right: 10px;
}
.text {
}
</style>
</head>
<body>
<div class="block">
<img src="https://raw.githubusercontent.com/inventid/pdf/master/src/images/ticket.png?token=ACpmQTfsrHPVNfF95IsAPSmqjO7Nmz_Iks5cvslTwA%3D%3D" class="image"/>
<p class="text">Test en meer tekst</p>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment