div가 다른 div에 포함되어 있고 오버플로가되지 않도록하는 방법

Question

나는 이것을 가지고 있습니다 : http://jsfiddle.net/cN2pS/embedded/result/ 그리고이 div에 순서 (텍스트와 숫자) 안에 div를 적용하는 최선의 방법을 찾고 있습니다. (텍스트와 숫자)는 서클에서 넘치지 않습니다. 잘 설명 할 수 있는지 모르겠지만 다른 해상도, 때로는 서클의 텍스트 넘침 ..... 방문했을 때 jsfiddle의 위의 링크는, 창 크기를 조정하려고하면 조나 드에 관한 것은이 들어있는 왼쪽 하단의 원형을 볼 수 있습니다, 그 텍스트 오버 플로우 ... 안부, 다니엘

편집 : 그것은 화장실 더 나은 작품을 좋아해요 오버플로 : 숨김; 및 글꼴 크기를 14 픽셀로 줄입니다. 라이브 예 : http://jsfiddle.net/cN2pS/8/embedded/result/

EDIT2 : 단 하나의 질문 더 : 모바일 기기의 해상도에 적응하기 위해 미디어 쿼리의 효율적인 사용과 등 어떤 튜토리얼, 라이브 예를 알고 있습니까? 이 원형 divs 적응하기 위해 ... 또는 내 데스크톱 브라우저 창 크기를 조정해야 많은 시간 ... 모든 마술이 도구를? :) 감사합니다

대단히 도움을.

Answer 1

CSS 단어 줄 바꿈을 사용할 수 있습니다. break-word; 이것에 대한 특성 :

#divInfIzq { 
    bottom: 15%; 
    left: 15%; 
    position: absolute; 
    word-wrap: break-word; 
} 

확인이 http://jsfiddle.net/cN2pS/5/embedded/result/

Answer 2

는이 같은 요구하고 있습니까? 내가 모바일 장치 용으로 설계하고 때

http://www.we-are-gurus.com/tools/responsive-design-tester.php?url=http%3A%2F%2Fsmore.rvadv.com&d=320x480&scroll=off

나는이 사용하고 꽤 잘 작동합니다.