사이드/CSS

Question

나는이 웹 페이지에 텍스트를 넣어하려고는 물리적 수준, 명상에 말한다 http://www.freethemind.biz/

: 및 혜택

및

로 나열 모든 정신 수준에서, 명상 : 모든 것이 거의 내가 시도

테이블과 같은 혜택으로 옆에

면을 나열 아래 CSS

에서

float:left and float:right

코드 :

h12{float:left;} 
h13{float:right;} 

그러나이 작동하지 않습니다! 나는 웹 페이지 제작과 새로운 것에 매우 익숙하다. 나는 또한 텍스트를 포장하려 는 모든

Answer 1

다음과 같은 CSS로이를 달성 할 수

h12, h13 { 
    float: left; 
    width: 50%; 
} 

주 heading tags only go up to h6을 그! h12 및 h13은 표준 태그가 아니며 unsupported in many browsers입니다. 따라서 <div> 태그를 사용하고 고유 한 class을 적용하여이 동작을 소수의 특정 요소에만 적용해야합니다. 이 도움이

.floating { 
 
    float: left; 
 
    width: 50%; 
 
}

<div class="floating"> 
 
    <strong>On a physical level...</strong> 
 
    <p>Paragraph</p> 
 
</div> 
 
<div class="floating"> 
 
    <strong>On a mental level...</strong> 
 
    <p>Paragraph</p> 
 
</div>

희망! :)

Answer 2

먼저, h12 및 h13이 존재하지 않는 HTML 태그는 ([= 나에게하지 않았다)는 어떤 쉽게 경우 태그 <h12> 및 <h13>을의 좌우를 넣어 수 따라서 유효하지 않습니다.

다음은 그러나 작동합니다

<div> 
<div style="float:left;width:50%"> 
<strong>On a physical level, meditation:</strong><p></p> 
<p>·  Lowers high blood pressure</p> 
<p>·  Lowers the levels of blood lactate, reducing anxiety attacks</p> 
<p>·  Decreases tension-related ailments such as headaches, insomnia, and muscle &amp; joint pain</p> 
<p>·  Increases serotonin production that improves mood and behavior</p> 
</div> 
<div style="float:right;width:50%"><strong>On a mental level, meditation:</strong><p></p> 
<p>·  Helps decrease anxiety</p> 
<p>·  Leads to a calmer mind which in turn results in more concentration and clarity</p> 
<p>·  Improves emotional stability</p> 
<p>·  Increases creativity and Develops Intuition</p> 
</div> 
</div> 

대신 <p></p>를 사용하는 목록을 만들 <ul></ul> 또는 <ol></ol>를 사용하는 더 나은 연습도합니다. 당신의 HTML을 수정하지 않고

Answer 3

2 DIV를 다른 DIV로 감싸기 만하면됩니다.

마크 업 정리를 고려해야합니다. "HTML 문서 개요"를 살펴보십시오.