나는 두 개의 열을 만들기 위해 노력하고 있지만, 두 번째는 제대로

Question

여기에 위치하지 않습니다 내가 열

여기

<style> 
     h1{background-color:black; 
      color: white; 
     } 
     .columnA{f 
      float: left; 
      width: 70%; 
      margin:0; 
     } 
     .columnB{ 
      float: right; 
      width:30%; 
      margin: 0; 

     } 
     div.clear{clear:both;} 


    </style> 

를 만들기 위해 사용되는 CSS는

<div class="container"> 

     <div class="columnA"> 
     Lorem ipsum dolor sit amet 
     </div> 
     <div class="columnB"> 

       Test 1<br> 
       Test 2 

     </div> 
    </div> 

그것은 끝나 HTML입니다 두 번째 div처럼 보이는 것은 위로 움직이지 않을 것입니다. 나는 플로트를 시도했다 : 왼쪽도.

Answer 1

당신은 구문 오류가 ..

.columnA{ 
    float: left; 
    width: 70%; 
    margin:0; 
} 

확인해야 .columnA

.columnA{ 
    f float: left; 
    width: 70%; 
    margin:0; 
} 

에 떠 f float 변경이이 fiddle

이 당신의 original code

Answer 2

했다 귀하의 CSS에서 당신은 외계인이 있습니다 f

.columnA{f 
    float: left;