Custom feild to float right in Title feild group?

I have created a new field "Price" a want to have it appear to float right in the title field in both the category and item view of the blog template. I also need for it to be in the "heading 2" format, How do i go about doing this? i am using Flexi Content 2.2xx RC1 and Joomla 3.36. Attached is an image of how and where i want the field to appear in the category view. Thank you

Hello

1. create a custom FLEXIContent template e.g. mydefault1


2. Add it to "renderonly" template position of item layout of mydefault1 FLEXIcontent template
and to category layout of mydefault1 FLEXIcontent template


3. edit files:

item view:
component/com_flexicontent/templates/mydefault1/item(_html5).php

category view:
component/com_flexicontent/templates/mydefault1/category_items(_html5).php


place it using:

<?php echo $item->fields->display; ?>

e.g.
<div style="float:left;">
<?php echo $item->fields->display; ?>
</div>

the above is an example it is up to you to add the HTML that you need

Regards

or
in your field use prefix and suffix
prefix <div class="price">
suffix </div>
=> add your css in custom.css of your template