이런 방식으로 HTML 세부 태그의 스타일을 사용자 정의할 수 있습니까?

Question

这就是我想要达到的目标，

> 가변 길이 제목: 텍스트 상당의 문장
                            너비에 따라 포장되지 않음
                            컨테이너.

                            본문에 없는 글입니다
                            요약 태그가 있지만 여전히 세부정보에 있습니다.
                            따라서 태그는 클릭하지 않는 이상 숨겨집니다.

html看起来image这样，

<세부정보>
  <요약>
    가변 길이 제목:
    <스팬 클래스="오른쪽">
      텍스트만큼 가치가 있는 문장
      너비에 따라 포장되지 않음
      컨테이너.
    
  
  

    본문에 없는 글입니다
    요약 태그가 있지만 여전히 세부정보에 있습니다.
    따라서 태그를 클릭하지 않으면 숨겨집니다.
  


이것은 좋지 않은 방식으로 디스플레이를 사용합니다: inline-block; 정말이지开头开始。

如果可能的话，我寻找CSS唯一的解决方案。

            

Answer 1

HTML을 약간 변경할 수 있다면 다음과 같이 할 수 있습니다.

제목을 <p>의 이전 형제 항목에 복사합니다.
숨김:숨김을 사용하여 너비를 유지합니다.
반복되는 제목과 단락을 <div>로 묶습니다.
그리드를 사용하세요.
표시를 제거하세요.

으아아아 으아아아