-
Notifications
You must be signed in to change notification settings - Fork 0
/
equal.html
41 lines (35 loc) · 1.87 KB
/
equal.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Center Component Sample</title>
<style>
body{
padding: 30px;
}
.center{
width:250px;
display:block;
float:left;
border:1px solid red;
}
</style>
</head>
<body class="j-equal-container sm">
<div class="center j-equal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec condimentum, augue a convallis pulvinar, nisi velit luctus ipsum, ac ornare enim velit eu nisi. Cras at ipsum sed enim placerat dignissim. Ut sit amet commodo tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam euismod mi ac imperdiet efficitur. Nulla massa eros, accumsan sit amet lectus vitae, interdum volutpat lacus. Aliquam quis mauris turpis. Quisque vestibulum gravida tempor. Nullam gravida tellus est, sit amet elementum ante laoreet luctus. Etiam et erat eu est condimentum aliquam non at lorem. Nullam eros nisl, ultricies vel tellus non, imperdiet ultrices sapien. Curabitur lacinia sem id mauris mollis sodales. Proin pulvinar arcu sem, ac tincidunt arcu egestas vel. Mauris nec finibus velit. Mauris porttitor varius euismod.
</div>
<div class="center j-equal">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec condimentum, augue a convallis pulvinar, nisi velit luctus ipsum, ac ornare enim velit eu nisi. Cras at ipsum sed enim placerat dignissim. Ut sit amet commodo tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam euismod mi ac imperdiet efficitur.
</div>
<div class="center j-equal">
test
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="js/helpers.js"></script>
<script>
$(function(){
});
</script>
</body>
</html>