Rails erb 造型 CSS

Question

我想知道是否有人可以帮忙... 下面是用户个人资料页面上的简短列表的代码。我希望能够为固定文本设置样式，即 'Name'、'Email' 和 'User Type' 带有 h2，而 ruby 提供的内容带有 say h4。我的问题是，当我使用第 6 行代码之类的东西并将 h4 内容嵌入标签之间时。文本跳出顺序并出现在另一行。什么是正确的组织方式，以便我可以使用不同的标签设置 ruby 的样式并使文本保持一致。

非常感谢

1<div class="profile-content">
2   <ul>
3       <li><h2>Name: <%= @user.name %></h2></li>
4       <li><h2>Email: <%= @user.email %></h2></li>
5       <% if @user.admin %>
6       <li><h2>User Type: <h4>Admin</h4> </h2></li>
7       <% else %>
8       <li><h2>User Type: Standard</h2></li>
9       <% end %>
10  </ul>
11</div>

Answer 1

您应该在开始 h4 标签之前关闭 h2 标签。

<li><h2>User Type: </h2><h4>Admin</h4> </li>

Answer 2

<li><h2>User Type:</h2> <h4>Admin</h4> </li>

h2, h4 { display: inline-block }

您也可以用作行与行之间的间隔符：

What is a clearfix?

Rails erb 造型 CSS

Rails erb styling CSS

css

ruby-on-rails

erb

styling