가로로 정렬 된 플로트

가로로 정렬 된 commenttweet 오른쪽의 15 픽셀을 플로팅하는 "commenttweet2"라는 CSS 클래스를 어떻게 만들 수 있습니까?가로로 정렬 된 플로트

PHP는/HTML 코드 :

echo "<div class='commenttweet'>"; 

echo "<a href='$url'>Tweet this</a>"; 

echo "</div>";

CSS의 :

.commenttweet { 
      margin-left:0px; 
      margin-top:15px; 
      color: #004993; 
      font-family:Arial, Helvetica, sans-serif; 
      font-size: 10px; 
      font-weight: bold; 
      height: 15px; 
      padding-bottom: 0px; 
      padding-left: 5px; 
      padding-right: 5px; 
      padding-top: 2px;    
}

출처

2011-05-10 John

내가 이해가 안 돼요. 아래에있을 수는 있지만 수평으로 정렬 할 수 있습니까? comenttweet2가 스레드처럼 오른쪽 아래로 들여 쓰기를 의미합니까? – robx

@robx, "below"는 "아래에 표시된"코드를 의미합니다. 나는 명확성을 위해 편집했다. – John

당신이 가지고있는 다른 코드는 확실하지 않지만, 진짜 간단한 시작은 당신을 시작하게하는 이와 같을 것입니다. 예 http://jsfiddle.net/robx/FSyph/

HTML @ 표시 :

이

<div class='commenttweet'> 
    <a href='http://'>Tweet this</a> 
</div> 
<div class='commenttweet'> 
    <a href='http://'>Tweet this 2</a> 
</div>

CSS는 :

.commenttweet{ 
    float:left; 
    margin:10px; 
    padding:8px; 
    border:1px solid #000; 
}

출처

2011-05-10 01:06:22 robx

당신이 commenttweet 클래스의 위치 propertie를 추가해야한다

commenttweet { 
    position:absolute; 
    margin-left:0px;    
    margin-top:15px;    
    color: #004993;    
    font-family:Arial, Helvetica, sans-serif;    
    font-size: 10px;    
    font-weight: bold;    
    height: 15px;    
    padding-bottom: 0px;    
    padding-left: 5px;    
    padding-right: 5px;    
    padding-top: 2px; 

}

는 다음과 같은 클래스를 생성 commenttweet2 div :

.commenttweet2 {  
    position: absolute; 
    margin:15px 0 0 15px; 

}

출처

2011-05-10 00:52:53 Regis

가로로 정렬 된 플로트

답변

관련 문제