在html中，我想设置三个文字标签，在这三个标签中，标签内部的右侧有按钮，我点击按钮会下拉出一段文字

在HTML中，你可以使用`<div>`或者其他容器元素作为基础，并配合CSS样式以及JavaScript来实现这样的效果。以下是一个基本的示例：

<div class="container">
  <h3>标题1</h3>
  <button id="dropdownButton1">显示更多</button>
  <p class="hidden">隐藏的内容1</p>

  <h3>标题2</h3>
  <button id="dropdownButton2">显示更多</button>
  <p class="hidden">隐藏的内容2</p>

  <h3>标题3</h3>
  <button id="dropdownButton3">显示更多</button>
  <p class="hidden">隐藏的内容3</p>
</div>

<style>
.hidden {
  display: none;
}
.dropdown-button-container {
  position: relative;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-button:hover + .dropdown-content {
  display: block;
}
</style>

<script>
// JavaScript部分
document.querySelectorAll('.dropdownButton').forEach(button => {
  button.addEventListener('click', function() {
    const content = this.nextElementSibling;
    if (content.classList.contains('hidden')) {
      content.classList.remove('hidden');
    } else {
      content.classList.add('hidden');
    }
  });
});
</script>

在这个例子中，我们创建了三个标题标签和对应的按钮，每个按钮旁边都有一个隐藏的段落。当鼠标悬停在按钮上时，通过JavaScript改变隐藏内容的`display`属性来实现下拉显示。