css - Ruby Rails veiw trying to display title (h1) on same line as links -
I have a show view that shows the name of the model (post) in H1, as well as the "edit" and " Delete "button to post.
I want to display the title (H1) on the same line as the Edit and Delete buttons.
I am listed below which I have and then
& lt; H1 & gt; Click on & lt;% = @ post.title% & Gt; & Lt; / H1> & Lt;% If so? : Edit, @ post% & gt; & Lt;% = link_to 'edit', edit_post_path (@ post), category: "btn-alert"%> & Lt;% end% & gt; & Lt;% If so? : Destroyed, @ post% & gt; & Lt;% = link_to 'Delete', @ Post, Method :: Delete, Data: {Confirm: 'Are You Sure?' }, Category: "BTN-alert"%> & Lt;% end% & gt;
I have tried
(1) To add the left float for the above example and to see it along with some CSS
Css
.article-face-img {float: left; Padding: .8em; }
The scene is created
& Lt;% If so? : Edit, @ post% & gt; & Lt;% = link_to 'edit', edit_post_path (@ post), category: "btn-alert"%> & Lt;% end% & gt; & Lt;% If so? : Destroyed, @ post% & gt; & Lt;% = link_to 'Delete', @ Post, Method :: Delete, Data: {Confirm: 'Are You Sure?' }, Category: "BTN-alert"%> & Lt;% end% & gt; & Lt; / Div & gt; & Lt; Div class = "clearfix" & gt; & Lt; / Div & gt;
(2) I have tried to add this view to it
& lt; Fieldet data-type = "horizontal" & gt;
(3) Have tried other improvements but my post is probably getting complicated.
Inline-block; }
Comments
Post a Comment