How can I add text between two < > (like this photo)?


Rakim 24

How to insert a paragraph between two photos like < > (see photo example)? Photos are like rectangles, so how do I put something in the space between them?

This is what I want to do:

example

Jeremy Harris

Given that you haven't shown any effort, I don't usually answer, but I'm interested in putting this together.

So you can easily use flexbox and create a container with 3 parts. I'm using $lt;and &gt;for chevrons, but you can also put images into that div if you want.

.chevron-container {
   display: flex;
   flex-direction: row;
   align-content: center;
   justify-content: center;
   max-width: 250px;
}
.chevron-icon {
   display: flex;
   align-self: center;
   font-size: 60px;
}
.chevron-text {
   display: flex;
   align-self: center;
   text-align: center;
   padding: 5px;
}
<div class="chevron-container">
   <div class="chevron-icon">&lt</div>
   <div class="chevron-text">
       This Is My Sentence Between Two Chevrons. 
   </div>
   <div class="chevron-icon">&gt</div>
</div>

Related


How can I see my computer specs like this photo?

cloak enter image description here Use this OS icon? linuxfan says to restore monica It looks like you are looking at the command neofetch : https://github.com/dylanaraps/neofetch It says: Neofetch is a command line system information tool written in bash 3.2+

How can I change the color of the text between two positions?

booty anti booty I want to change the text color of my Swing application (JTextPane) from two points when highlighted. If the user highlights a phrase from index 4 to 9, only those characters change their color permanently. I say permanent because I already kn

How can I change the color of the text between two positions?

booty anti booty I want to change the text color of my Swing application (JTextPane) from two points when highlighted. If the user highlights a phrase from index 4 to 9, only those characters change their color permanently. I say permanent because I already kn

How can I change the color of the text between two positions?

booty anti booty I want to change the text color of my Swing application (JTextPane) from two points when highlighted. If the user highlights a phrase from index 4 to 9, only those characters change their color permanently. I say permanent because I already kn

How can I replace the text between two delimiters with a blank?

Ande Mohit I have a message, received via an input field. For example: This is *red* colour. I want to replace everything between the two asterisks with a blank line ("___") so the outcome would be: This is ___ colour. How can I achieve this? Sudipto Mukherj

How can I change the color of the text between two positions?

booty anti booty I want to change the text color of my Swing application (JTextPane) from two points when highlighted. If the user highlights a phrase from index 4 to 9, only those characters change their color permanently. I say permanent because I already kn

How can I change the color of the text between two positions?

booty anti booty I want to change the text color of my Swing application (JTextPane) from two points when highlighted. If the user highlights a phrase from index 4 to 9, only those characters change their color permanently. I say permanent because I already kn

How can I add an interval between two messages?

White-haired hackers: message.channel.send('hi') after 5 second message.channel.send('hi again) person: hi Robot: Hi 5 seconds later Robot: Hi again How can I make 5 seconds interval in the code? Elite: by using setTimeout(). Before using DJS, take the time t

How can I add an interval between two messages?

White-haired hackers: message.channel.send('hi') after 5 second message.channel.send('hi again) person: hi Robot: Hi 5 seconds later Robot: Hi again How can I make 5 seconds interval in the code? Elite: by using setTimeout(). Before using DJS, take the time t

How can I add a gt symbol between two breadcrumbs?

user7461846 $('.title').click(function(){ var cnt = $(this).text(); var obj = $("<div class='crumb'>" + cnt + "</div>"); obj.appendTo('#path'); }); .crumb{ display:inline-block; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js

How can I add a space in between two outputs?

cbass0 This is the code I am working with. public void displayCustomerInfo() { System.out.println(Name + Income); } I use a separate main method with this code to call the method above: first.displayCustomerInfo(); second.displayCustomerInfo(); third.disp

How can I add an interval between two messages?

White-haired hackers: message.channel.send('hi') after 5 second message.channel.send('hi again) person: hi Robot: Hi 5 seconds later Robot: Hi again How can I make 5 seconds interval in the code? Elite: by using setTimeout(). Before using DJS, take the time t

How can I add an image between the text of the alert view?

Kostam Krishna I have an alert view in which I need to display an icon between the text of the alert view as shown in the image below. This alert is raised after a video file is asynchronously uploaded to the server in my app. Any suggestion how to do it. I am

How can I add an image between the text of the alert view?

Kostam Krishna I have an alert view in which I need to display an icon between the text of the alert view as shown in the image below. This alert is raised after a video file is asynchronously uploaded to the server in my app. Any suggestion how to do it. I am

How can I add some padding between the path and the text?

Shen Aaron I have a path on my diagram and the textPath also has text along that path. But the text is very close or close to this path. How to add some padding between text and path. This keeps the text slightly off the path. This will make my graphs look bet

How can I add an image between the text of the alert view?

Kostam Krishna I have an alert view in which I need to display an icon between the text of the alert view as shown in the image below. This alert is raised after a video file is asynchronously uploaded to the server in my app. Any suggestion how to do it. I am

How can I add an image between the text of the alert view?

Kostam Krishna I have an alert view in which I need to display an icon between the text of the alert view as shown in the image below. This alert is raised after a video file is asynchronously uploaded to the server in my app. Any suggestion how to do it. I am