ol 리스트 여백이요
츄릅
안녕하세요
질문이 있어서.. 아 혼자 공부하는게 너무 힘드네요;;;
제 질문은.. 부스럭부스럭 ㅠ_ㅠ
제가 이미지를 float 시키고 텍스트를 넣었습니다.
1, 2, 3 이런식으로 진행이 되어서 ol 을 사용하였는데요
1, 2, 3 이 번호가 이미지 밑에 묻혀서 안보여버리네요
1, 2, 3 번 숫자가 이미지 옆으로제대로흐르게 하려면 어떻게 해야하나요?
어디다가 마진 혹은 패딩(?)을 줘야 적용이 되는건지..;ㅁ;.left-img { float: left; border: 0; margin:15px 15px 15px 0px;}
ol {margin-left: 0; padding-left: 0; list-style-type: decimal;}
ol li {margin-left: 30px; margin-bottom: 20px;}
--------------------------------------------------------------
p class=left-imgimg src=img/thumb/090421_m2_1.jpg alt= width=230 height=153/p
ol
li~~ 라고 주장하는 근거가 무엇인가요?br/
What is the basis for suggesting that our new strategy might be deadlocked?br/
우리의 새로운 전략이 난항을 겪을 수도 있다고 주장하는 근거가 무엇인가요?
/li
li ~~ 하고 나서 그 문제를 논의합시다.br/
Let’s cover that point after we find a better way to deal with potential problems.br/
잠재적인 문제를 해결할 더 나은 방안을 찾은 후에 그 문제를 논의합시다.
/li
li
논의의 주제를 ~~ 로 바꾸겠습니다.br/
Now let’s turn our attention to the financial aspect of this long term plan.br/
이제는 이 장기계획의 비용에 대해 살펴보도록 하겠습니다.
/li
li
지금까지 ~~ 에 대해 말씀드렸습니다.br/
Up to this point, I have outlined the general situation in this region.br/
지금까지 이 지역의 일반적인 정황을 말씀드렸습니다.
/li
li
~~ 에 대해 질문이나 의견 있으신가요?br/
Are there any questions or comments from the floor regarding this matter?br/
이 문제와 관련해서 참가자 분들 중에 질문이나 의견 있으신가요?
/li
li
예정된 시간보다 늦어졌기 때문에 ~~ 하겠습니다.br/
Since we’re running behind schedule, we just have time for three more questions.br/
예정된 시간보다 늦어졌기 때문에, 추가 질문은 세 개만 더 받겠습니다.
/li
li
시간이 다 되었습니다.br/
We have come to the end of our time period today.br/
오늘은 이제 시간이 다 되었습니다.
/li
/ol
-
렁찬
아! 감사합니다!!! 자세할 설명까지! 힘이 불끈불끈 솟습니다 ㅠ_ㅠ
-
하늘
테스트를 해보니..
.left-img {float:left; border: 0; padding:0; margin:0 15px 15px 0px; }
.left-img img {margin-right:30px; }
ol {width:auto; margin-left:40px; padding:0; list-style-type: decimal; }
ol li {margin-bottom: 20px; }
이렇게 하면 잘 나오더라구요. 어쩔수 없이 p태그 -
지우개
도움주셔서 감사합니다! :)
-
조으다
. left-img {margin:0은 필요없고요...이미지 width:값을 좀더 넓게 주시면 될것같은데요..이미지가 170정도인것같은데요.195px 주시면 될듯...}