×

Welcome to TagMyCode

Please login or create account to add a snippet.
 

html vertikalis kozepre igazitas div

0
0
 
0
Language: HTML
Posted by: Gábor Papp
Added: Jul 7, 2018 12:30 PM
Views: 3249
Tags: no tags
  1. <div class="row">
  2.     <div class="col-xs-6 col-md-4 col-lg-2 vcenter">
  3.         <div style="height:10em;border:1px solid #000">Big</div>
  4.     </div><!--
  5.    --><div class="col-xs-6 col-md-8 col-lg-10 vcenter">
  6.         <div style="height:3em;border:1px solid #F00">Small</div>
  7.     </div>
  8. </div>
  9.            
  10. /* fontos a <!--    --> hogy ne legyen a ketto DIV kozott semmi karakter */
  11. .vcenter {
  12.     display: inline-block;
  13.     vertical-align: middle;
  14.     float: none;
  15. }

Write a comment

To post comments, please log in or register.