정렬의 변형?

Question

텍스트의 부분이 왼쪽, 오른쪽, 중앙 등 무엇이든지 조정되지만 시각적 효과를 원한다. 그러나 정렬의 원점은 몇 픽셀 씩 라인마다 다르다. 이것은 작은 단락에서 잘 작동 할 것이고 단조 로움에서 벗어날 것입니다. 내가 어떻게 이것을 구현하는 아무 생각이 제외

은 ...

Answer 1

나는 깔끔한을 만들 수있는 "대각선의 경계"트릭과 함께 부유하는 div 무리를 사용하여 다시 오랜 시간에 걸쳐 온 excellent CSS demo있다 효과 - 나는 당신이 비슷한 것을 찾고 있다고 믿는다.

정렬 만하면 평범한 DIV가 수행됩니다. 왼쪽/오른쪽으로 부양하고 지우고 다양한 너비를 지정하면 주위로 텍스트가 흐르게됩니다. 예를 들면 다음과 같습니다.

.spacer { 
    float: left; 
    clear: left; 
    height: 1em; 
    /* vary the width using inline styles */ 
} 

대각선 테두리는 다른 색상을 사용하여 배경과 텍스트를 분리하여 효과를 더합니다.