3
페이지 정보 및 관련 문제가 있습니다. 열의 오른쪽에 (년 또는 보류 중) 정렬하려고합니다. 예를 들어 이미지를 참조하십시오.CSS를 사용하여 같은 줄에 텍스트를 좌우로 정렬하십시오.
위로 어떻게 보입니까? 아래 이미지는 내가 바라는 방식입니다. '바로 플로트'여기
<span style="float:right">pending </span>
A
답변
6
시도에있는 다음 스타일을 설정하는 것은 동일 여기 JSFiddle이 있습니다. Click here
-1
당신이
<ul>
<strong>Golden West College – Huntington Beach, CA <span style="float:right">2012-2014</span></strong><br>
– Associate in Arts Degree – Digital Arts Major <span style="float:right">(pending)</span><br>
<br> Certificate of Achievement<br>
– Graphic Design and Production Option <span style="float:right">(pending)</span><br>
<br> Certificate of Specialization<br>
– Graphic Design Foundation <span style="float:right">6/2014</span><br>
– Graphic Design Advanced Production <span style="float:right">(pending)</span><br>
</ul>
이동을
사이트가 범위를 사용하는 http://www.eatlovepray.me/portfolio/about-me/
2
CSS
ul {
list-style: none;
}
#about ul li span {
float: right;
}
HTML
<div id="about">
<h3><strong>Education</strong></h3>
<ul>
<li><strong>Golden West College – Huntington Beach, CA <span>2012-2014</span></strong>
</li>
<li>– Associate in Arts Degree – Digital Arts Major <span>(pending)</span>
</li><br/>
<li>Certificate of Achievement</li>
<li>– Graphic Design and Production Option <span>(pending)</span>
</li><br/>
<li>Certificate of Specialization</li>
<li>– Graphic Design Foundation <span>6/2014</span>
</li>
<li>– Graphic Design Advanced Production <span>(pending)</span>
</li>
</ul>
</div>
OMG는 사람을 감사합니다. 나에게 css, div 스타일, 여백 등을 가지고 놀고있는 3 일을 가져 갔고, 심지어 그것을 뺄 수 없었다. 귀하의 방법은 간단하고 요점입니다. 완벽하게 일했습니다. – user3808918
@ user3808918 또한 실제 상황을 보려면 http://jsfiddle.net/N4JZy/를 확인하십시오. 내 예제에서는 범위보다는 div를 사용하지만 많은 사람들이 내가했던 것보다 빠르게 여기에옵니다. – redditor
^감사합니다. 그 CSS는 또한 내 부분에 엉망을 청소. 나는 여기 저기에 많은 것을 복사하고 붙여 넣기 때문에 필요하지 않은 여분의 코드를 가지고있었습니다. – user3808918