2017-05-22 1 views
0

col-6에는 이미지가 있고 텍스트에는 텍스트가 있습니다. 이미지의 중앙에있는 텍스트를 가져와야합니다.부트 스트랩 세로 정렬 중간 div

이것은 html 코드입니다. 덕분에 댄

<div class="row_inner_wrapper clearfix"> 
 
\t \t <div class="row_inner row_center_content clearfix"> 
 
\t \t \t <div class="wpb_column vc_column_container vc_col-sm-6"> 
 
\t \t \t \t <div class="vc_column-inner "> 
 
\t \t \t \t \t <div class="wpb_wrapper"> 
 
\t \t \t \t \t \t <div class="row_inner_wrapper clearfix"> 
 
\t \t \t \t \t \t \t \t <div><h2 class="text-center">~ 1995 – סודות ההצלחה ~</h2></div> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t \t </div> 
 
\t \t </div> 
 
\t \t \t </div> 
 
\t \t \t <div class="wpb_column vc_column_container vc_col-sm-6"> 
 
\t \t \t \t <div class="vc_column-inner "> 
 
\t \t \t \t \t <div class="wpb_wrapper"> 
 
\t \t \t \t \t \t <div class="wpb_single_image wpb_content_element vc_align_left"> 
 
\t \t \t \t \t \t \t <div class="vc_single_image-wrapper vc_box_border_grey"> 
 
\t \t \t \t \t \t \t \t <img src="jjjj.coo.com"> 
 
\t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t </div> 
 
\t \t \t </div> 
 
\t </div> 
 
\t \t \t </div> 
 
\t \t </div> 
 
</div>

+0

이 작업을 수행하는 여러 가지 방법과 쉬운 방법이 있습니다,이 링크 https://css-tricks.com/design-considerations-text-images/을 확인 – k185

답변

0

아래의 편집 조각을 확인하시기 바랍니다.

.row_inner_wrapper {text-align:center;display:inline-block;}
<div class="row_inner_wrapper clearfix"> 
 
\t \t <div class="row_inner row_center_content clearfix"> 
 
\t \t \t <div class="wpb_column vc_column_container vc_col-sm-6"> 
 
\t \t \t \t <div class="vc_column-inner "> 
 
\t \t \t \t \t <div class="wpb_wrapper"> 
 
\t \t \t \t \t \t <div class="row_inner_wrapper clearfix"> 
 
\t \t \t \t \t \t \t \t <div><h2 class="text-center">~ 1995 – סודות ההצלחה ~</h2></div> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t \t </div> 
 
\t \t </div> 
 
\t \t \t </div> 
 
\t \t \t <div class="wpb_column vc_column_container vc_col-sm-6"> 
 
\t \t \t \t <div class="vc_column-inner "> 
 
\t \t \t \t \t <div class="wpb_wrapper"> 
 
\t \t \t \t \t \t <div class="wpb_single_image wpb_content_element vc_align_left"> 
 
\t \t \t \t \t \t \t <div class="vc_single_image-wrapper vc_box_border_grey"> 
 
\t \t \t \t \t \t \t \t <img src="jjjj.coo.com"> 
 
\t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t </div> 
 
\t \t \t </div> 
 
\t </div> 
 
\t \t \t </div> 
 
\t \t </div> 
 
</div>

관련 문제