Vertical-align

Developer
Szymon Dziewoński
Size
1,646 Kb
Views
8,096
  1. Vertical-align Previews
  2. Vertical-align HTML Codes
  3. Vertical-align CSS Codes

How do I make an vertical-align?

Multi line verse for vertical align.. What is a vertical-align? How do you make a vertical-align? This script and codes were developed by Szymon Dziewoński on 23 December 2022, Friday.

Vertical-align Previews
IQ Test

Vertical-align - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Vertical-align</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <ul> <li class="item"> <div>One line text, on vertical middle</div> </li> <li class="item"> <div> Two verse text<br/> on vertical-middle </div> </li>
</ul>
</body>
</html>

Vertical-align - Script Codes CSS Codes

body{ background: #fff;
}
ul{ width: 615px; margin: 20px auto;
}
.item { position: relative; display: table; text-align: center; width: 615px; height: 80px; border: 1px solid #344491; background: #6673af; font-family: arial, sans-serif; font-size: 13px; color: #fff;
}
.item div{ display: table-cell; vertical-align: middle; text-align: center;
}
Vertical-align - Script Codes
Vertical-align - Script Codes
Home Page Home
Developer Szymon Dziewoński
Username SzymonDziewonski
Uploaded December 23, 2022
Rating 3
Size 1,646 Kb
Views 8,096
Do you need developer help for Vertical-align?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Szymon Dziewoński (SzymonDziewonski) Script Codes
Name
Earth animation
Hover effect
Random count
Menu with hover slide effect
Social Icons net animation
Hover button
Simple loader
Svg animation draw
Animated logo
Create amazing marketing copy with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!